200 px を表示する div があります。divの画像をクリックすると、1000pxを表示したい。もう一度クリックすると、再び 200px に近づきます。
これは私のコードです:
<script type="text/javascript">
$(document).ready(function() {
// shows the slickbox DIV on clicking the link with an ID of "slick-show"
$('#slickbox').css("height", "200px");
$('#slick-show').click(function() {
$('#slickbox').toggle(function () {
$("#slickbox").css("height", "1000px");
}, function () {
$("#slickbox").css("height", "200px");
});
});
return false;
});
</script>
<div id="slickbox" style="height: 1000px;">
<p style="text-align: center;">
<a id="slick-show" href="#"><img src="/ImageVaultFiles/id_468115/cf_69211/Happy_monday14-5.jpg" border="0" alt="Happy_monday14-5" /></a></p>
</div>
コードは機能しますが、最初に開いた後は毎回ダブルクリックする必要があります。