1

ボタンを使用して、画像の状態を「非表示」から「表示」に切り替えています。画像を表示することはできますが、表示すると垂直方向に整列して表示されます。画像が縦ではなく横に表示されることを望みます。

私のマークアップは次のとおりです

<div class="left ch-ad-profile-left eleven columns">
    <button>
        <div class="boxes-212x100">
            <h4 class="blue">Parked Ads</h4>
            <div class="status-l">
                <p>Updates</p>
                <center><span>18</span></center>
            </div>
            <div class="status-r">
                <p>Removed</p>
                <center><span>3</span></center>
            </div>
            <div class="clearfix"></div>
        </div>
    </button>
    <script>
        $("button").click(function () {
            $(".boxes-112x100-1").slideToggle("slow");
        });
    </script>

    <!--end class=boxes-212x100-->
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="boxes-112x100-1" style="display:none;">
        <img src="../../../images/placeholder-small.png" class="" alt="">
    </div>
    <div class="clearfix"></div>
</div>

では、画像を垂直線ではなく水平線で表示するようにトグルに指示するにはどうすればよいでしょうか?

4

2 に答える 2

0

これには jQueryUI を使用できます。

http://docs.jquery.com/UI/Effects/Slide

于 2012-10-01T15:17:04.263 に答える
0

残念ながら、そのための組み込みメソッドはありません..アニメーション関数を使用する必要があるか、jQueryメソッドを拡張してその機能を取得する必要があります..

これを実現するには、jQueryUi またはCycle Pluginを使用できます。

こちらもご覧ください

jQuery を左にスライドして表示

于 2012-10-01T15:17:41.233 に答える