[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>...

[ziqzaq]

Możesz wyjaśnić dlaczego "div" odpada skoro spełnia swoje zadanie?
Jeśli wykorzystałaś divy w innych miejscach to przecież nie oznacza, że nie możesz ich wykorzystać i tu.
PS. "span" jest elementem liniowym (inline) - wiem, wiem, można go ostylować "display:block" - a ty potrzebujesz elementu blokowego (block) i imho div jest w twoim przypadku dobrym rozwiązaniem.