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

在我看来，您需要.toggle和.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，并在每次单击时在它们之间进行交互。