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，并在每次点击时将它们交替显示。