0

我有一些需要隐藏的 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();
    });
});

欢迎所有帮助！谢谢，J。

4

5 回答 5

2

使用jQuery.toggle()

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

代替jQuery.hide()

于 2013-09-15T11:20:30.043 回答
0

我想你可以试试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(); });
});

在这里提琴

于 2013-09-15T11:24:44.767 回答
0

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

于 2013-09-15T11:28:22.357 回答
0

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

小提琴 

<http://jsfiddle.net/gcsHg/>?
于 2013-09-15T11:28:26.120 回答
0 
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();
 });
});
于 2013-09-15T11:30:03.987 回答