0

私の目標は、.sort 幅を拡大し、.sort-expand div 内のすべてのコンテンツを表示することです。これは、「詳細」をクリックすると 200px から 400px に拡大する .sort で右に拡大されます。そして、もう一度クリックすると縮小します。

    <div class="sort">
    <div class="mainimg"></div>
    <div class="infoarea">
        <h3>Main Name</h3>
        <p>Title of position</p>
        <p><span class="floatl">Tag01, Tag02</span><span class="floatr"><a href="#" class="show">more</a></span></p>
    </div>
    <div class="sort-expand">
        <div class="votes"></div>
        <div class="full-info"></div>
        <div class="other"></div>
    </div>
</div>

これは、他のすべての .sort 領域もプッシュして、それらが重ならないようにする必要があります。何か案は?始めたものの苦労したことを投稿します。本当にありがとう。

4

1 に答える 1

2

jQuery の.slideDown()を使用できるはずです。 .slideDown()アニメーションが下向きになり、div のコンテンツが表示されるときに、他の要素をプッシュします。必要な div で呼び出します。$("#myDiv").slideDown() 再度クリックしたときに縮小する場合は、.slideToggle()を使用します。

于 2012-08-25T02:46:52.937 に答える