jQuery替换toggle()

Question

我的一个toggle()函数似乎已经贬值了，我只是想知道有什么合适的替代方法。我已经找过了，但似乎找不到明确的答案，有人能帮上忙吗？

以下是我的代码

$( ".open-btn" ).toggle(function() {
    $(".foldable").css( "height", "517px" );
    $(".open-btn a").text( "CLOSE MENU" );
    $(".reserve-btn").fadeIn();
}, function() {
    $(".foldable").css( "height", "0px" );
    $(".open-btn a").text( "SHOW MENU" );
    $(".reserve-btn").fadeOut();
});

Answer 1

试试这个：

function assignToggleHandler() {
    $(".open-btn a").click(function() {
        if($(".open-btn a").text() == "SHOW MENU") {
            $(".foldable").css( "height", "517px" );
            $(".reserve-btn").fadeIn();
            $(".open-btn a").text( "CLOSE MENU" );
        } else {
            $(".foldable").css( "height", "0px" );
            $(".open-btn a").text( "SHOW MENU" );
            $(".reserve-btn").fadeOut();
    }
}

然后只需调用该函数：

assignToggleHandler();

PM如果你想要我在我正在构建的页面上构建的一个示例。

Answer 2

尝试使用：

$( ".open-btn" ).click(function() {
    $(".foldable").css('height') === '0 ? $(".foldable").css('height','517px') : $(".foldable").css('height', 0);
    $(".open-btn a").text(($('.open-btn a').text() == 'SHOW MENU') ? 'CLOSE MENU' : 'SHOW MENU');
    $(".reserve-btn").fadeToggle();
});