0

http://kaye.at/test/で月をクリックすると、div が表示/非表示になります。

ページが読み込まれると、それらはすべて開いていますが、June が開いていてページ読み込み時に他のページが閉じられるようにするにはどうすればよいですか?

または、ページロード時にそれらをすべて閉じるにはどうすればよいですか?

JS:

http://kaye.at/test/js/showHide.js

$(document).ready(function(){


$('.show_hide').showHide({           
    speed: 1000,    
    easing: '',
    changeText: 0,
    showText: 'View',
    hideText: 'Close'

}); 


});

HTML:

 <a href="#" class="show_hide" rel="#slidingDiv">View</a><br />
 <div id="slidingDiv">
    Fill this space with really interesting content.
 </div>



 <a href="#" class="show_hide" rel="#slidingDiv_2">View</a><br />
 <div id="slidingDiv_2">
    Fill this space with really interesting content.
 </div> 
4

3 に答える 3

0

display:none;次のようなクラスを追加します。

.class1{
 //your styling
  display:none;
}

このようにクリックすると、ディスプレイが次のように設定されdisplay:block;ます(またはディスプレイが何であれ)

于 2013-06-07T12:35:36.197 に答える
0

すべてのコンテナーを選択し、6 月のコンテナー (番号 3) を除外して、残りを非表示にしますか?

$('[id^="slidingDiv_"]').not('#slidingDiv_3').hide();

より良いオプションは、それらすべてにクラスを与え、CSS で非表示にし、ID を持つものだけを表示すること#slidingDiv_3です!

<div id="slidingDiv" class="slidingDivs">
    Fill this space with really interesting content.
</div>

CSS:

 #slidingDiv_3 {display:block;}
.slidingDivs  {display:none;}
于 2013-06-07T12:34:14.207 に答える