Попытка переключения между двумя значками

Question

Я запускаю две кнопки (я использую встроенный в CSS themeroller JQuery):

$( ".upArrow" ).button({ icons: {secondary:'ui-icon-circle-arrow-n'} });
$( ".downArrow" ).button({ icons: {secondary:'ui-icon-circle-arrow-s'} });

Я хочу иметь возможность переключаться между этими двумя значками при нажатии на одну и ту же кнопку и каким-то образом переключаться междукласс .upArrow и класс .downArrow.Я не уверен как.Буду признателен за любую помощь.

Answer 1

Поскольку вы работаете с кнопками пользовательского интерфейса jQuery, вы можете изменить параметр icon с помощью функции toggle().

$('#button').toggle(function(){
    $(this).button('option', 'icons', {secondary:'ui-icon-circle-arrow-n'});
}, function(){
    $(this).button('option', 'icons', {secondary:'ui-icon-circle-arrow-s'});
});

Answer 2

Вы можете использовать метод jQuery .toggleClass () .Вам не обязательно убирать другой класс, просто используйте CSS, чтобы переопределить настройки другого класса:

$('#foo').toggleClass(className, addOrRemove);