jQuery的隱藏顯示切換

Question

嗨顯然我的切換功能不起作用。我需要隱藏一個div「攝影」點擊即位於另一個DIV單詞「攝影」的時候。請參閱我下面的代碼

HTML：

<div class="bar"> 
     <div="container"> 
      <div class="row"> 
       <div class="col-lg-10 col-lg-offset-1 text-center"> 
      <a href="#" id="hideshow" class="btn">Photography</a> 
      <a href="#" id="hideshow" class="btn">Graphics</a> 
       </div> 
      </div> 
     </div> 
    </div> 
    <section id="photograhpy" class="photograhpy"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-10 col-lg-offset-1 text-center"> 

        <hr class="small"> 
        <div class="row"> 
         <div class="col-md-6"> 
          <div class="photograhpy-item"> 
           <a href="#"> 
            <img class="img-photograhpy img-responsive" src="imgs/pics/car1.jpg"> 
           </a> 
          </div> 
         </div> 

JS：

$(document).ready(function(){ 
    $("#hideshow").click(function(){ 
    $("#photography").toggle(1000); 
    }); 
}); 

Answer 1

看起來像一個拼寫錯誤：

<section id="photograhpy" class="photograhpy"> 

應該是：

<section id="photography" class="photography"> 

沒有什麼別的出色你的代碼錯誤。

此外，您可能沒有提及與通過JavaScript相同的id專門的元素。爲多個元素提供相同的ID是很不好的做法。