JQuery Hide show toggle on DIVs

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. Плохая практика - дать нескольким элементам один и тот же идентификатор.