Question

似乎我的切换功能之一已经贬值了，我只是想知道什么是合适的替代品......我已经搜索但似乎无法找到明确的答案，任何人都可以帮忙吗？这是我的代码

$( ".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();

如果你想要一个我在我正在建立的页面中构建的一个例子，请告诉我。

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();
});

用于切换的Jquery替换

2 个答案: