make section show mit einem Klickereignis

Question

Ich versuche, einen Abschnitt erscheinen zu lassen, wenn meine Schaltfläche geklickt wird und stattdessen bekomme ich einen leeren Bildschirm. Ich bin mir nicht sicher, warum das so ist. Irgendwelche Vorschläge wären hilfreich. Ich versuche, die Arnold-Seite div anzuzeigen.

<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

Dieses Skript

$(function(){ 

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

}) 

Answer 2

Sie können durch Einstellen der Anzeige-Eigenschaft auf keine Versuchen Sie, das Ergebnis erzielen, und die Taste auf klicken, um die Anzeige Eigenschaft ändern oder inline zu blockieren.

<!--Jquery --> 

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