Red de conocimiento de recetas - Recetas caseras - Reemplazo de los signos más y menos delante del menú desplegable escrito en jquery

Reemplazo de los signos más y menos delante del menú desplegable escrito en jquery

lt;!doctype?htmlgt;

lt;htmlgt;

lt;headgt;

lt;meta?charset=" utf-8"gt;

lt;titlegt;documentlt;/titlegt;

lt;style?type="text/css"gt;

* {margen: 0; relleno: 0;}

a{text-decoration:?none;}

li{list-style:?none;}

#list{ancho: 200px; margen: 30px?auto;}

#list?.son{display:?none;}

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt;ul?id="list"gt;

lt;li?class= "main"gt;

lt;pgt;lt;spangt; lt;/spangt;Gestión de productos básicoslt;/pgt;

lt;ul?class="son"gt; /p>

lt;ligt;11111111lt;/ligt;

lt;/ulgt;

lt ;/ligt;

lt;li?class="main"gt;

lt;pgt;lt;spangt;/spangt;Gestión de productos básicoslt;/ pgt;

lt;ul?class="son"gt;

lt;ligt;22222222lt;/ligt;

lt;ligt;22222222lt;/ ligt;

lt;ligt;22222222lt;/ligt;

lt;/ulgt;

lt;/ligt;

lt;li?class="main"gt;

lt ;pgt; lt;spangt; lt;/spangt;Gestión de productos básicoslt;/pgt;

lt;ul?class="son"gt;

lt;ligt;33333333lt;/

lt;ligt;33333333lt;/ligt;

lt;/ulgt;

lt;/ligt;

lt;li?class="main"gt;

lt;pgt;lt ;spangt; lt;/spangt;Gestión de productos básicoslt;/pgt;

lt;ul?class="son"gt;

lt;ligt;44444444lt;/ligt;

lt;/ulgt;

lt;/ligt;

lt;li?class= " main"gt;

lt;pgt;lt;spangt; lt;/spangt;Gestión de productos básicoslt;/pgt;

lt;ul?class="son"gt;

lt;ligt;55555555lt;/ligt;

lt;/ulgt;

lt ;/ligt;

lt;/ulgt;

lt;script?type="text/javascript"gt;

//Esto es con js y Hay dos formas de escribir jq, elige una, no convivas con ambas

//Si eliges escritura jq, recuerda importar el archivo jq

//JS escribiendo:

window.onload?=?function(){

var?main?=?document.getElementsByClassName("main");

var? son?=?document.getElementsByClassName ("hijo");

var?p?=?document.getElementsByTagName("p");

for(var?i?=? 0;ilt;p.length ;i ){

p[i].index?=?i;

p[i].onclick?=?función(){

for (var?j?=?0;jlt;son.length;j){

hijo[j].style.display="none";

p[j]. getElementsByTagName("span")[0].innerText=" ";

}

var?dom?=?this.getElementsByTagName("span" )[0];

}

if(?dom.className==""

){

dom.className="min";

dom.innerText="-"

hijo[this.index].style.display= "bloquear";

}else{

dom.className="";

dom.innerText=" "; [this.index].style.display="none";

}

//Cómo escribir jq

$(function(){

$("#list?p").click(function(){

var?t?=?$(this).find("span").text();

t==" "?t="-"：t=" ";

$(this).next().slideToggle().parent().siblings().find(".son").hide();

$(this). padre( ).hermanos().find("span").text(" ");

$(this).find("span").text(t)

} )

})

lt;/scriptgt;

lt;/bodygt;

lt;/htmlgt;

上篇: Los escritos de Yi Lu Dian Po 下篇: ¿A qué hora es el desayuno en KFC?

Reemplazo de los signos más y menos delante del menú desplegable escrito en jquery

Artículos populares