[49]
01 Окт 2013, 12:48

toggleStyle или toggleCSS в JQuery

Привет!

В JQuery есть метод toggleClass который переключает или удаляет класс элемента. Бывает неудобно если нужно поменять только одно свойство и для этого приходится создавать дополнительный класс. Возможно ли менять свойство style элемента?

#javascript, #jquery

Комментарии (1)
grom
02 Окт 2013, 11:24
#

Можно написать свою реализацию метода.

$.fn.extend({

toggleStyle : function(style, val_1, val_2)
{
if(this.css(style) == val_1) {
this.css(style, val_2);
}
else {
this.css(style, val_1);
}
}

});

И теперь его можно легко использовать.

<a onclick="$('#layer').toggleStyle('display', 'none', 'blank')">click me</a>

<div id="layer" style="display:none;">show/hidden layer</div>

Добавить комментарий

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки: