Colapsar menú en inglés

& ltstyle & gt

/*Crea tu propio estilo*/

. ¿padres? . sub{pantalla:? Ninguno;}

& lt/style & gt;

& ltul? class="padre "

& ltLi? class="pli "

& ltspan & gtphp & lt/span>.

<ul? class="son " >>p>

& lt李& gtPHP 1 & lt;/李& gt

& lt李& gtPHP 1 & lt;/李& gt

& lt/ul & gt;

& lt/李& gt

& lt李? class="pli "

& ltspan & gtphp & lt/span>.

<ul? class="son " >>p>

& lt李& gtPHP 1 & lt;/李& gt

& lt李& gtPHP 1 & lt;/李& gt

& lt/ul & gt;

& lt/李& gt

& lt李? class="pli "

& ltspan & gtphp & lt/span>.

<ul? class="son " >>p>

& lt李& gtPHP 1 & lt;/李& gt

& lt李& gtPHP 1 & lt;/李& gt

& lt/ul & gt;

& lt/李& gt

& lt李? class="pli "

& ltspan & gtphp & lt/span>.

<ul? class="son " >>p>

& lt李& gtPHP 1 & lt;/李& gt

& lt李& gtPHP 1 & lt;/李& gt

& lt/ul & gt;

& lt/李& gt

& lt李? class="pli "

& ltspan & gtphp & lt/span>.

<ul? class="son " >>p>

& lt李& gtPHP 1 & lt;/李& gt

& lt李& gtPHP 1 & lt;/李& gt

</ul>

</李>

</ul>var? ¿pli? =?document.querySelectorAll(".parent?.pli?span");

for(var?i?=?0;i<pli.length;i++){

pli[ i]. ¿índice? =?i;

pli[i]. al hacer clic? =?function(){

for(var?j?=?0;j<pli.length;j++){

document.querySelectorAll(".parent?.pli? . hijo ")[j]. style . display = " none ";

}

this.parentNode.querySelector(". son "). style . display = " block " ;

}

}