使節顯示一個點擊事件

Question

我想使一個部分出現，當我的按鈕被點擊，而是我得到一個空白的屏幕。我不確定這是爲什麼。任何的意見都將會有幫助。我正在嘗試顯示arnold-page div。

<section class="middlePage"><!-- START MIDDLE SECTION --> 
      <div class="album-nav"> 
     <button class="arnold">Arnold</button> 
     <button class="cats">Cats</button> 
     <button class="dogs">Dogs</button> 
     <button class="batman">Batman</button> 
     <button class="lions">Lions</button> 
     <button class="tigers">Tigers</button> 
    </div> 




    <div class="arnold-page"> <!-- START DIV display-on --><h1>Arnold</h1> 
     <div id="arnold1"> 
      <a href="#"><img src=" "></a> 
      <p>Photo 1</p> 
     </div> 

     <div id="arnold2"> 
      <a href="#"><img src="images/arnold.jpg"></a> 
      <p>Photo 2</p> 
     </div> 

     <div id="arnold3"> 
      <a href="#"><img src=" "></a> 
      <p>Photo 3</p> 
     </div> 

     <div id="arnold4"> 
      <a href="#"><img src=" "></a> 
      <p>Photo 4</p> 
     </div> 

     <div id="arnold5"> 
      <a href="#"><img src=" "></a> 
      <p>Photo 5</p> 
     </div> 

     <div id="arnold6"> 
      <a href="#"><img src=" "></a> 
      <p>Photo 6</p> 
     </div> 


    </div> <!-- END DIV display-on --> 


</section><!-- END MIDDLE SECTION --> 

    backButton1.on('click', function() { 
    bottomPage1.hide(); 
    middlePage.hide(); 
    arnoldPage.show(); 
}); 

Answer 1

試試這個腳本

$(function(){ 

    //Default hide section 
$(".arnold-page").hide(); 
$(".arnold").on("click",function() 
{ 
    $(".arnold-page").show() 
}); 

}) 

Answer 2

您可以通過顯示屬性設置爲無，並單擊按鈕時，顯示屬性來阻止或改變內聯實現的結果。

<!--Jquery --> 

$(document).ready(function(){ 
    $(".arnold-page").css("display","none"); 
    $(".arnold").click(function(){ 
    $(".arnold-page").css("display","block"); 
    }); 
});