Javascript jqueryshow&；隐藏开关

我有一些需要隐藏的div（类名为.hidable），还有一些需要显示的div（类名为.toggleable。到目前为止，我的工作还不错，但我在以下方面遇到了困难：隐藏的div（.hidable）需要在再次隐藏toggleable div之后返回

以下是我所拥有的：

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

欢迎大家帮忙！ 谢谢 J.

使用

---

我想你应该试试看，而不是

jQuery.hide（）

HTML

如果您不想使用toggle隐藏.hidable div，您可以使用CSS隐藏它，无论何时切换.toggleable div，您都可以使用Jquery检查它是否隐藏，如果是，您可以将其更改回显示。但是，Jakub的答案是最简单的解决方案。
最简单的选择toggle或toggle类

小提琴

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

？
你能展示你的html吗？你能在一篇文章中发布一个工作示例吗？为什么需要html？@Jonathan79要理解这个问题，因为你的代码似乎是正确的。感谢大家的帮助。我知道JSFIDLE可以帮上忙，但对于这个问题，它只是关于jquery。再次感谢！
<div style='display:none' class='hideable' >Hidden Div</div>
<div class='toggleable'>Toggleable div</div>

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

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

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

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();
 });
});