Question

我有一些需要隐藏的div（类名为.hideable），还有一些需要显示的div（类名为.toggleable。到目前为止我已经工作了，这很好，但是我遇到了困难使用以下内容;隐藏的div（.hideable）需要在可切换的div再次隐藏后返回。

这就是我所拥有的：

jQuery(document).ready(function($) {
    var topContainer = $(".toggleable");
    var topButton = $(".orsp a");
    topButton.click(function() {
        topContainer.slideToggle('slow');
        $(".hideable").hide();
    });
});

欢迎所有帮助！谢谢，学家

Answer 1

使用jQuery.toggle()

$(".hideable").toggle();

而不是jQuery.hide()

Answer 2

我认为你会像this

那样尝试

HTML

<div style='display:none' class='hideable' >Hidden Div</div>
<div class='toggleable'>Toggleable div</div>

<input class='topButton' type='button' value='toggle'>

JS

$('.topButton').click(function() {
    $('.toggleable').slideToggle('slow', function() { $(".hideable").slideToggle(); });
});

Fiddle Here

Answer 3

如果您不想使用切换来隐藏.hideable div，您可以使用CSS隐藏它，每当您切换.toggleable div时，您可以使用Jquery检查它是否隐藏，如果是，您可以将其更改回显示。然而，Jakub的答案是最简单的解决方案。

Answer 4

最简单的选择切换或切换类

小提琴

<http://jsfiddle.net/gcsHg/>?

Answer 5

jQuery(document).ready(function($) {
var topContainer = $(".toggleable");
var topButton = $(".orsp a");
topButton.toggle(function() {
    topContainer.slideToggle('slow');
    $(".hideable").hide();
},function () {
topContainer.slideToggle('slow');
    $(".toggleable").hide();
 });
});

jQuery Show＆amp;隐藏切换

5 个答案: