Javascript/jqueryフォトギャラリーでdivを表示/非表示

Question

ボタンをクリックすると、写真のサムネイルなどを隠すコードが表示されます。あなたは、このコードは、などサムネイルの一覧が含まれている身体のHTMLコードを示し

<div id="thumbnail-image"><a href="#" ><img src="images/thumbnail.jpg" alt="thumanil-  image" title="Thumbnail View for Samuel Bradley" width="40" border="0" class="btn-slide" /></a> 
</div><!--end of thumbnail image--> 

</div><!--end of header--> 

<div id="controlholder"> 
<div id="controls"></div> 
</div> 

<div id="slideshow"> 
</div> 

<div id="thumbs"> 
<ul class="thumbs noscript"> 
<li><a href="images/archive/live-tour/1_noelfielding.jpg" title="Samuel Bradley   Photography" class="thumb"><img src="images/thumbnail/LIVE-TOUR_T/1 NOEL FIEDLING_THE BIG CHILL_thumb" width="185" alt="Samuel Bradley" border="0"/></a></li> 
<li><a href="images/archive/live-tour/2_noelfielding.jpg" class="thumb"><img src="images/thumbnail/LIVE-TOUR_T/2_NOEL FIELDING, THE BIG CHILL_thumb" width="185"  alt="Samuel Bradley" border="0"/></a></li> 
<li><a href="images/archive/live-tour/3_dylanmoran.jpg" class="thumb"><img src="images/thumbnail/LIVE-TOUR_T/3_DYLAN MORAN_THE BIG CHILL_thumb" width="185" alt="Samuel Bradley" border="0"/></a></li> 
<li><a href="images/archive/live-tour/4_youmeatsix.jpg" class="thumb"><img src="images/thumbnail/LIVE-TOUR_T/4_YOU ME AT SIX, HOLD ME DOWN TOUR_thumb" width="185" alt="Samuel Bradley" border="0"/></a></li> 

$(document).ready(function(){ 

hidden = true; 
$(".btn-slide").click(function() { 
if(hidden == false) { 

    $("#slideshow").slideDown('3000, linear, callback'); 
    $("#thumbs").slideUp('3000, linear, callback'); 
    hidden = true; 
} else { 
    $("#slideshow").slideUp('3000, linear, callback'); 
    $("#thumbs").slideDown('3000, linear, callback'); 
    hidden = false; 
} 
}); 
}); 

$(document).ready(function(){ 

hidden = true; 
$(".thumb").click(function() { 
if(hidden == false) { 

    $("#slideshow").slideDown('3000, linear, callback'); 
    $("#thumbs").slideUp('3000, linear, callback'); 
    hidden = true; 
} else { 
    $("#slideshow").slideUp('3000, linear, callback'); 
    $("#thumbs").slideDown('3000, linear, callback'); 
    hidden = false; 
} 
}); 
}); 

www.samuelbradley.com私はここに作成していますサイトを見つけることができます大きな画像は#slideshow divに読み込まれ、簡単に表示され、隠されますが、親指divを隠すことはできません。 #thumbs divをdisplay：noneに設定しても、それはまだ表示されます。 基本的には、ページが読み込まれたときに大きな画像が表示され、次にサムビューがサムネイル表示の&サムネイルと同時に表示されることを望んでいません。 ご協力いただければ幸いです。私は説明し、十分な例を示してくれることを願っていますか？

ソフィ

Answer 1

私は途中で見栄えれ、サイトを見て持っていました。

`#thumbs 'divが実際に表示されているときは、ロード時とは別に動作します。

$('#thumbs').hide(); 

を `.ready（）関数の1つに入れましたか？これは開始時にdivを非表示にするはずです。