Div ID То же - множественное скрытие/шоу - что пропало?

Question

PHP:

<input type='checkbox' onChange='DoTheSwitch(1);'><div id='Hide1'>Hide</div> 1 
<input type='checkbox' onChange='DoTheSwitch(2);'><div id='Hide2'>Hide</div> 2 
<input type='checkbox' onChange='DoTheSwitch(3);'><div id='Hide3'>Hide</div> 3 
<input type='checkbox' onChange='DoTheSwitch(4);'><div id='Hide4'>Hide</div> 4 
<input type='checkbox' onChange='DoTheSwitch(5);'><div id='Hide5'>Hide</div> 5 

JavaScript:

function DoTheSwitch(a){ 
    var h = getEl("Hide"+a+"").innerHTML; 
    switch(h){ 
     case "Hide": 
      getEl("Hide"+a+"").innerHTML = "Show"; 
      $('input[id^="Hide"]').click(function(){ 
       $('#HideAB'+$(this).val()).hide(); 
      }); 
      break; 
     case "Show": 
      getEl("Hide"+a+"").innerHTML = "Hide"; 
      $('input[id^="Hide"]').click(function(){ 
       $('#HideAB'+$(this).val()).show(); 
      }); 
      break; 
    } 
} 

Output (Много маленьких точек на карте):

<div id='HideAB".$Stat."' style='display:block;'></div> 

Те "HideAB" будет иметь значение 1, 2, 3 , 4, 5 или 6 на основе того, что я вытащил из базы данных.

То, что я пытаюсь сделать (сон в данный момент), когда пользователь выбирает флажок «1», я хочу скрыть все HideAB со значением 1 и снять флажок, чтобы показать, и так далее. Как исправить это в части Javascript/JQuery?

Answer 1

Id должен быть уникальным на всей странице, что может быть причиной проблем. Попробуйте использовать класс, если вам нужно обрабатывать несколько элементов вместе.