Переключение jQuery и IF

У меня есть div, который содержит параметры и параметры на странице управления учетной записью.

$("#moreOptions").slideToggle('slow');
if ($("#moreOptions").is(":visible") == true) {
    $("#lnkMoreOpt").text("Less Options «")
}
else {
    $("#lnkMoreOpt").text("More Options »")
}

В приведенном выше коде должен быть изменен текст ссылки с параметрами "больше/меньше" в зависимости от того, видима ли она или нет, однако, как представляется, jQuery не обрабатывает переключение как невидимое/видимое.

Как я могу реализовать это при использовании функции переключения?

Ответы

Ответ 1

Вам нужно использовать функцию обратного вызова. К моменту выполнения инструкции if слайд-игра не будет завершена, и вы получите неверные результаты.

$("#moreOptions").slideToggle('slow', callbackFn);

function callbackFn(){

     var $link = $("#lnkMoreOpt");

     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");


}

Ответ 2

Я предпочитаю не использовать отдельные функции, потому что, когда одна функция не требуется дважды использовать, это пустая трата кода. Я считаю, что это легче понять, когда кто-то приходит к ней.

$("#moreOptions").slideToggle('slow', function(){
     var $link = $("#lnkMoreOpt");
     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");
});

Ответ 3

Я думаю, что этот код будет работать

$('#element').toggle('slow', function() {
    if($(this).is(':hidden')) { 
        $(this).text('This element is hidden.');
    }
    else {
        $(this).text('This element is visible.');
    }
});