Jquery イージングを 2 つの矢印 (上矢印と下矢印) にする必要があります。
(ボックスの頭の外観には、上向き矢印と下向き矢印を含む円があります) . 最初に、矢印が下に現れてボックスが下になり、ボックスが下になると矢印が上になります。このためのコード:
ただし、上下のボックスには矢印が表示されません。私はそれを作るためにスタックを持っています。これに関して助けてください。
ご協力ありがとうございました。
Jquery イージングを 2 つの矢印 (上矢印と下矢印) にする必要があります。
(ボックスの頭の外観には、上向き矢印と下向き矢印を含む円があります) . 最初に、矢印が下に現れてボックスが下になり、ボックスが下になると矢印が上になります。このためのコード:
ただし、上下のボックスには矢印が表示されません。私はそれを作るためにスタックを持っています。これに関して助けてください。
ご協力ありがとうございました。
これを試してください。ここでデモを提供しています。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>