-1

Jquery イージングを 2 つの矢印 (上矢印と下矢印) にする必要があります。

(ボックスの頭の外観には、上向き矢印と下向き矢印を含む円があります) . 最初に、矢印が下に現れてボックスが下になり、ボックスが下になると矢印が上になります。このためのコード:

ただし、上下のボックスには矢印が表示されません。私はそれを作るためにスタックを持っています。これに関して助けてください。

ご協力ありがとうございました。

4

1 に答える 1

1

これを試してください。ここでデモを提供しています。imgタグのimg srcをidで変更するだけですimg1

私はあなたにデモを提供します...これを実装してみてください..

スクリプトはこちら

<script type="text/javascript">
 $(document).ready(function () {
    $('#img1').click(function () {

        if ($("#img1").attr("src")=="up.jpg") {
            $("#img1").attr("src","down.jpg");
            $(".panel-box").slideUp('slow');

        }else if($("#img1").attr("src")=="down.jpg"){
            $("#img1").attr("src","up.jpg");
           $(".panel-box").slideDown('slow');

        }
    });
});       
</script>

HTML コード

<img id="img1" src="up.jpg" alt="Click here" width="100px" height="100px"/>
<fieldset> 
<div class="panel-box" > 
<form>        

        <div class="column1">
            <label>Arrival Date</label>
            <input type="text" id="arrival" placeholder="DD/MM/YYYY">
        </div>
        <div class="column2">
            <label>Departure Date</label>
            <input type="text" id="departure" placeholder="DD/MM/YYYY">
        </div>
    <div class="column3">
        <a href="#" class="button" style=" vertical-align:middle; margin-top:18px;">Book Now</a>
    </div>

</form>    
</div>  
</fieldset>
于 2013-05-31T05:18:35.593 に答える