jQuery切换和IF可见

我有一个div,其中包含帐户管理页面上的设置和选项.

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

上面的代码应该根据是否可见更改更多/更少选项链接的文本,但是看起来jQuery不会将切换视为使其不可见/可见.

在使用切换功能的同时,如何实现？

解决方法

您需要使用回调函数.当if语句被评估时,slidetoggle将不会完成,你会得到不正确的结果.

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

function callbackFn(){

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

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


}