Jquery rel切换？

Question

是否有可能切换（切换）rel属性的方式，类可以在jQuery中切换？ http://api.jquery.com/toggleClass/

我正在尝试创建一个按钮，点击时会改变（切换）另一个按钮的rel属性。希望这是有道理的。

---

我很新的这个，不知道如果我已经实现你代码正确，但它不工作。我可能只是在想这个事情是错的。

我的想法是使用animatedcollapse.js插件（http://www.dynamicdrive.com/dynamici...edcollapse.htm）为手风琴制作动画。手风琴根据“rel”属性工作，或者“rel = collapse [selected div]”或者“rel = expand [selected div]”。扩展或折叠手风琴。它的设置方式的问题是，当一个div崩溃时，另一个div在后台同时展开。

http://dl.dropbox.com/u/14080718/Final/UITabs10.html

我想使它所以每一个新的链接被点击它扩展了新的前原手风琴完全折叠的时间。所以每次点击一个链接时，前面的div都会在它打开一个新的div之前完全关闭。

我在想“rel = collapse [selected div]”和“rel = expand [selected div]”之间的rel切换可能会解决这个问题，但我不确定。如果您有任何其他想法，我很乐意听到他们。

Answer 1

我刚写了一个jQuery插件。

用法：$("selector").toggleAttr("rel", "option1", "option2");

(function($) { 
    $.fn.toggleAttr = function(attribute, option1, option2) { 
     return this.each(function() { 
      var $this = $(this); 
      if ($this.attr(attribute) != option1) { 
       $this.attr(attribute, option1); 
      } else { 
       $this.attr(attribute, option2); 
      } 
     }); 
    } 
})(jQuery); 

Answer 2

//global flag to check condition 
var flag = true; 

$('#yourelement').click(function(){ 
      if(flag == true){ 
       flag = false; 
       $('#yourotherelement').attr('rel', newValue);   
      }else{ 
       flag = true; 
       $('#yourotherelement').attr('rel', oldValue); 
      } 
}); 

Answer 3

你可能想要这个，

$(document).ready(function(){ 
    $(".buttonToggle").click(function(){ 
    var relAttribute = $(".buttonYouWanttotogglerelattr").attr("rel"); 
    //gets current rel 
    if(relAttribute == "value1"){ 
    $(".buttonYouWanttotoggleRelattr").attr("rel","value2"); 
    //if its value1 change it to value2 
    } 
    else 
    { 
    $(".buttonYouWanttotoggleRelattr").attr("rel","value2"); 
    } 
    }); 
});