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"); 
    } 
    }); 
});