divove popunjavam vrednostima iz baze i pored svake vrednosti stavljam checkbox.
Vrednosti su sortirane u kategorije i podkategorije. Kada kliknem na glavnu kategoriju, odnosno na check box pored nje, zelim da mi se ispod nje otvore njene podkategorije, odnosno DIV u kojem se one nalaze a koji je inicijalno HIDDEN.
Napravio sam ovo ispod, ali obzirom da se pojavi vise id-ova koji imaju isto ime, samo prvi DIV sa tim id-om postane vidljiv.
izguglao sam i getElementsByClass, getElementsByName itd.. ali nikako nisam u dobrim odnosima sa javascriptom i ne znam kako da iskoristim to za ovo sto meni treba.
Code:
<div class='1'>
Knjizevnost<input type='checkbox' value='1' onClick="javascript:document.getElementById('subcat1').style.visibility = 'visible';">
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat1'>
Domaca Knjizevnost<input type='checkbox' value='8' >
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat8'>Romani<input type='checkbox' value='10' ></div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat8'>Poezija<input type='checkbox' value='12' ></div>
</div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat1'>Strana knjizevnost<input type='checkbox' value='9' >
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat9'>Romani<input type='checkbox' value='11' ></div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat9'>Poezija<input type='checkbox' value='13' ></div>
</div>
</div>
<div class='1'>
Knjizevnost<input type='checkbox' value='1' onClick="javascript:document.getElementById('subcat1').style.visibility = 'visible';">
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat1'>
Domaca Knjizevnost<input type='checkbox' value='8' >
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat8'>Romani<input type='checkbox' value='10' ></div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat8'>Poezija<input type='checkbox' value='12' ></div>
</div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat1'>Strana knjizevnost<input type='checkbox' value='9' >
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat9'>Romani<input type='checkbox' value='11' ></div>
<div style='margin-left:8px;visibility:hidden;height:1px;' id='subcat9'>Poezija<input type='checkbox' value='13' ></div>
</div>
</div>
Ili neka druga ideja ?