Jquery rel toggle?

Question

Можно ли переключать (переключать) атрибут rel так же, как классы могут переключаться в jquery? http://api.jquery.com/toggleClass/

Я пытаюсь создать кнопку, которая при нажатии изменит (переключит) атрибут rel другой кнопки. Надеюсь, это имеет смысл.

Im довольно новичок в этом и не уверен, что я внедрил ваш код правильно, но его не работает. Возможно, я просто думаю об этом неправильно.

Моя идея - использовать плагин animatedcollapse.js (http://www.dynamicdrive.com/dynamici...edcollapse.htm) для анимирования аккордеона. Аккордеон работает в соответствии с атрибутом «rel», либо «rel = collapse [selected div]», либо «rel = expand [selected div]». Чтобы расширить или свернуть аккордеон. Проблема с тем, как он настроен, заключается в том, что когда один div сворачивает другой, он одновременно расширяется в фоновом режиме.

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

Я пытаюсь сделать так, каждый раз, когда новый нажата ссылка предыдущий баян полностью разрушилась, прежде чем она расширяет новую. Поэтому каждый раз, когда нажимается ссылка, предыдущий div полностью закрывается, прежде чем он открывает новый div.

Я думаю, что rel toggle между "rel = collapse [selected div]" и "rel = expand [selected div]" может решить это, но Im не уверен. Если у вас есть другие идеи, я бы с удовольствием их услышал.

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