[JS] show/hide, zagnieżdżanie Opcje

[Ania-678]

Witam.


Mam taki problem z funkcją JS show/hide i z jego zagnieżdżaniem, a zresztą dam przykład:

[HTML] pobierz, plaintext 
<style type="text/css">
.phide { display: none }
.pvisible { display: block }
</style>
 
<script type="text/javascript" language="javascript">
function hide(obj){
if(document.getElementById(obj).className){
document.getElementById(obj).className = document.getElementById(obj).className=='phide' ? 'pvisible' : 'phide';
}
else{
document.getElementById(obj).className='pvisible';
}
}
</script>
 
<a onclick="hide('test')">test</a><br /><br /><p class="phide" id="test">aaaaaaaaa
 
<br /><br /><br />
<a onclick="hide('test2')">test2</a><br /><br /><p class="phide" id="test2">bbbbbbbbbb</p>
<br /><br />
cccccccccccc</p>
[HTML] pobierz, plaintext 

i problem jest taki iż cccccccccccc jest już POZA hide test2, ale również poza hide test,a powinien do niego należeć (patrzeć na zamykające znaczniki < /p>...

[erix]

Kod

<p class="phide" id="test2">bbbbbbbbbb</p>

Działa prawidłowo przecież. Zamykaj tagi poprawnie, puść to pod validator, to zobaczysz, gdzie tkwi błąd.