1

我的 . 有一些问题.toggle(),因为我有一个容器,并且里面有一个隐藏的 div。我曾经.toggle()显示和隐藏它,但由于某种原因,div 总是开始显示在左角,当它完全显示时,它的位置本身居中

这是一个jsfiddle

HTML:

<a href="#" id="click_me">click me</a>
<div class="contain">
<div id="drop_down"></div>
</div>​

CSS:

#drop_down {
    height: 200px;
    width: 200px;
    background-color: #ccc;
    display: none;
    margin: 0 auto;
}

.contain {
    width: 100%;
    text-align;
}

JavaScript:

$('#click_me').on('click', function() {
    $('#drop_down').toggle('slow'); 
});​
4

3 回答 3

0

.toggle("slow")正在使用 jquery 切换效果,该效果与您的小提琴中的预期完全一样。如果你想使用不同的过渡,你需要看一下 jqueryui 的效果。

这是.toggle()使用 jqueryui http://jqueryui.com/demos/toggle/的演示和不同效果列表

的核心行为.toggle()不允许使用效果参数,只有持续时间、可选的缓动和回调。

于 2012-10-04T06:32:34.600 回答
0

像这样更改html

<a href="#" id="click_me">click me</a>
<div class="contain">
   <div class="content"><div id="drop_down"></div></div>
</div>​

并添加此样式

.content{
  margin: 0 auto;width:200px;  
 }

演示

于 2012-10-04T06:35:18.317 回答
0

它的样式边距:0 自动将 div 放置在中心。

于 2012-10-04T06:52:56.207 回答