slideUp()前後のdisplay:;プロパティの変わり方。:visibleの使い方の確認。
$(window)をクリックで関数実行。:visibleで要素をカウントする。
$(window)をクリックで関数実行。:visibleで要素をカウントする。
スライドダウンの挙動テスト。
スライドダウンの挙動テスト。
スライドダウンの挙動テスト。
display:;
:visibleの個数:;
<script>
$(function(){
$("#Disp01").html($(".hogeSlideDown").css("display"));
$("#Disp02").html($(".hogeSlideDown:visible").size());
$(window).click(function(){
$(".hogeSlideDown").slideDown("slow",function(){
$("#Disp01").html($(".hogeSlideDown").css("display"));
$("#Disp02").html($(".hogeSlideDown:visible").size());
})//end
})//end click func
})
</script>
<style>
.hogeSlideDown { display:none; background:#ffcc00; float:left; margin:0 10px 0 0; height:50px; width:120px;}
p.show { display:block;}
.cl {clear:both;}
</style>
<p class="hogeSlideDown show">スライドダウンの挙動テスト。</p>
<p class="hogeSlideDown">スライドダウンの挙動テスト。</p>
<p class="hogeSlideDown">スライドダウンの挙動テスト。</p>
<p class="cl">display:<span id="Disp01"></span>;</p>
<p class="cl">:visibleの個数:<span id="Disp02"></span>;</p>
コメントする