DeeDi - трезвые записки

toggle(func1, func2, ..., [funcN])

Переключается по очереди между двумя и более функциями при каждом клике по объекту. По первому клику сработает первая функция, по второму - вторая и т.д. до последней, затем все сначала.

В примере по первому клику на объете #example_j li добавляем ему класс example_red по второму - example_bold , а по третьему эти классы удаляем:

$(document).ready(function() {
$("#example_j li").toggle(
function(){
$(this).addClass("example_red")
},
function(){
$(this).addClass("example_bold")
},
function(){
$(this).removeClass("example_bold").removeClass("example_red")
}
);
});
Пример:
  • Ruseller.com
  • Evgeniypopov.com
  • Photoshop-master.ru
HTML/CSS :
<style type="text/css">
#example_j {border:solid 1px #999; margin-bottom:10px; padding:5px}
.example_red {color:red}
.example_bold {font-weight:700}
</style>
<div id="example_j">
<ul>
<li>Ruseller.com</li>
<li>Evgeniypopov.com</li>
<li>Photoshop-master.ru</li>
</ul>
</div>

Боковой текст: