如何使.slideToggle停止自行分离

Question

所以当我按下一个按钮时，我的slideToggle会激活，但它会从具有slideToggle激活功能的按钮中分离出来。这是代码的JSFiddle：http://jsfiddle.net/3Ubr9/1/

当您按下＆＃34;信息＆＃34;时，您会看到它。按钮。

HTML

                        <button type="button" class="firstButton">Information</button>
            <div class="firstHidden" style="display:none">
                <p>This is a 1965 chevy camaro</p>
            </div>

JS

             $(".firstButton").on('click', function(){
    $(".firstHidden").stop().slideToggle();
          })

CSS

                 div {
                  background-color:blue;
               width:200px;
             height:200px;

                   }

Answer 1

这是因为你的div中有一个p元素，而你的默认样式表会为它添加一个上边距，以便将它与之前的内容分开。您可以使用CSS删除边距：

div.firstHidden p {
    margin-top: 0px;
} 

请参阅JS小提琴here。