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

このように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

.toggle("slow")フィドルで期待どおりに機能するjqueryトグル効果を使用しています。異なるトランジションを使用したい場合は、jqueryui の効果を確認する必要があります。

.toggle()jqueryui http://jqueryui.com/demos/toggle/を使用した場合のデモとさまざまな効果のリストを次に示します。

のコア動作で.toggle()は、効果パラメーターは許可されず、持続時間、オプションのイージング、およびコールバックのみが許可されます。

于 2012-10-04T06:32:34.600 に答える
0

そのスタイル margin :0 auto は、div を中央に配置します。

于 2012-10-04T06:52:56.207 に答える