jquery - jQuery slideToggle 函数

Question

我正在尝试使用 slideToggle 显示/隐藏一个 div，但同时更改另一个 div 的内容。

到目前为止，我有：

        $('#show-advanced').click(function(){
            $("#advanced").slideToggle("fast","linear",function() {
              $('#show-advanced').html('Advanced Options ▴');
            }, function() {
              $('#show-advanced').html('Advanced Options ▾');
            });
        });

它更改了第一次单击的内容，但在第二次切换时它不会将其更改回来。

任何帮助将不胜感激。

编辑：

固定使用：

            $("#show-advanced").toggle(function() {
                $('#advanced').slideDown("fast");  
                $('#show-advanced').html('Advanced Options ▴');
            }, function() {
                $('#advanced').slideUp("fast"); 
                $('#show-advanced').html('Advanced Options ▾');
            });

Answer 1

在我看来，您需要.toggleand的组合.slideToggle：

$('#show-advanced').toggle(function() {
    $("#advanced").slideToggle("fast","linear",function() {
        $('#show-advanced').html('Advanced Options ▴');
    });
), function() {
    $("#advanced").slideToggle("fast","linear",function() {
        $('#show-advanced').html('Advanced Options ▾');
    });
});

.toggle每次单击时将这两个函数绑定到#show-advanced它们并在它们之间交替。