Javascript jquery切换不起作用

我有这样的代码

<div class="wrapper">
<div class="box">
    <h4 style="padding-left: 11px; padding-top: 15px;">Main title</h4>

    <div class="hideunhide">
        <h5 style="padding-left: 14px;">sub title1</h5>
        <div class="horizontal  controls">

        </div>
        <div style="display: inline-block; position: absolute; left: 30px" class="slider"></div>       
        <br>
        <br>
        <h5 style="padding-left: 14px;">sub title2</h5>
        <div class="horizontal  controls"></div>
        <div style="display: inline-block; position: absolute; left: 30px" class="slider"></div>
        <br>
        <br>
        <h5 style="padding-left: 14px;">sub title3</h5>
        <div class="horizontal  controls"></div>
        <div style="display: inline-block; position: absolute; left: 30px" class="slider"></div>     
        <br>
        <br>
    </div>
</div>
</div>

$('.box').click(function() {
    $(this).css('display', 'none')
    $('.hideunhide').css('display', 'block')
});

但它不起作用，请帮忙

---

Fiddle:

通过查看您的代码，您似乎需要隐藏

标记。试试下面

$('.box h4').click(function(){
     $(".hideunhide").slideToggle();
 });

---

而且

似乎隐藏了一个.box元素，它是.hideunhide元素的父元素。因此，如果父元素是隐藏的，那么它的所有子元素都是不可见的，而不管它们的CSS显示值如何

---

你应该重新组织你的html。

你看起来像是隐藏区的切换吗

解决方案（如果是）：

$('.box').click(function(){
    $('.hideunhide').toggle();
});

---

为建议的解决方案创建了一个提琴：

如果您想创建。box类必须切换，然后执行以下操作

$('.box').on('click',function(){

$('.hideunhide').toggle();
});

当您单击

h4

时，这将在定义的毫秒间隔内隐藏和取消隐藏

.hideunhide

元素

---

请查看下面的url

!

---

切换函数在哪里？我过去也遇到过一些JQuery切换的问题。自从我显式地添加和删除我的类以来。你想隐藏或显示哪个元素？我想隐藏或取消隐藏完整的div内容-->将

$（this）

更改为

$（'.hideunhide'）

。请注意，这将做隐藏/取消隐藏的事情，但它会发生得太快，我们无法理解。也许

.animate（）

是您要找的。而不是标签。类名为“hideunhide”的标记。我想让它“隐藏”和“显示”（就像切换），每当我点击标签他不想使用

toggle（）

，他接受了一个建议

toggle（）

。。。

   use code something like this :

    $('.box').click(function(){
    $('hideunhide').toggle();
    });

*Before used to this correct your html code.

$('h4').click(function(){
   $('.hideunhide').fadeOut(1000);
   $('.hideunhide').fadeIn(1000);
});

$(function () {
    $('.box').click(function () {
        $('.hideunhide').slideToggle();
    });
});