показать div с помощью javascript и onclick

Question

Я читал много сообщений об этом, но я все еще борется. Я пытаюсь показать и скрыть класс div с помощью простой java. Я могу заставить его работать в JSFiddle, но не на моем сайте.

Вот код, который я использую. HTML первый

<div id="mydiv1"> 
    <div id="mydiv-container"> 
     <div id="mydiv-content"> 
      <h1>Here's The Popup 1</h1> 
      <br>Click the link to close. 
      <br> 
      <a href="#" onclick="show('mydiv2')">Open 2</a> 
     </div> 
    </div> 
</div> 

<div id="mydiv2" style="display:none"> 
    <div id="mydiv-container"> 
     <div id="mydiv-content"> 
      <h1>Here's The Popup 2</h1> 
      <br>Click the link to close. 
      <br> 
      <a href="#" onclick="hide('mydiv2')">Close 2</a> 
     </div> 
    </div> 
</div> 

JavaScript:

function show(target) { 
document.getElementById(target).style.display = 'block'; 
} 

function hide(target) { 
document.getElementById(target).style.display = 'none'; 
} 

Может не тренировки, почему это обыкновение переключаться дивы на сервере.

Answer 1

Я думаю, что проблема на вашем сервере id с i.e. mydiv1 и mydiv2 не уникальны. Повторяются цифры id.

Проверьте на своем сервере, если id s не дублируются.

Идентификатор всегда должен быть уникальным.

Вы можете использовать расширение Web Developer для Firefox и Chrome. Чтобы получить дубликат id с на странице

1. Установите Web Developer в вашем браузере
2. Открыть параметры, нажав на Web Developer иконку
3. Нажмите на Information вкладке
4. Нажмите на Find Duplicate Ids

Надеется, что это помогу.

Чтобы скачать панель инструментов:

Chrome: https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?utm_source=chrome-app-launcher-info-dialog

Firefox: https://addons.mozilla.org/en-US/firefox/addon/web-developer/?src=userprofile