Entran los expertos en Jquery. Necesito urgentemente jquery para implementar el menú de árbol como se muestra en la figura. Es mejor tener comentarios.
lt;!doctypegt;
lt;htmlgt;
lt;headgt;
lt ; script type="text/javascript" src="jquery-1.8.3.min.js"gt;lt;/scriptgt;
lt;style type="text/css"gt;
p>#tree li{}
#tree li ul{display: none;}
lt;/stylegt )
lt; escriba ="text/javascript"gt;
$(function(){
var $tree = $("#tree");//obtener árbol
var $a_tops = $tree.children("li").children("a"); //busca el primer nivel del menú debajo del árbol
$a_tops.bind("click", función ( ){/evento de enlace para el menú de primer nivel
var $this = $(this).next("ul");
if($this.length gt ; 0){// Determinar si hay un menú de segundo nivel debajo del menú de primer nivel actual
$this.is(":hidden") ?$this.show() : $this.hide ( ); // Determina si el menú secundario está oculto o es real según el estado
}
}
});
lt;/scriptgt;
lt;/headgt;
lt.bodygt;
lt;ul id="tree"gt; p>
lt;ligt;lt;a href="javascript:void(0)"gt;Gestión de Pólizas de Seguroslt;/agt;
lt;ulgt;
lt ;ligt ;lt;a href=""gt;Agregar reclamolt;/agt;lt;/ligt;
lt;ligt;lt;a href=""gt;Revisar reclamolt;/agt;lt ;/ligt;
lt;/ulgt;
lt;/ligt;
lt;ligt;lt;a href="javascript:void(0 )"gt;Quiero comprarlt;/agt;
lt;ulgt;
lt;ligt;lt;a href=""gt;confianza Inboxlt;/agt;lt ;/ulgt;
lt;/bodygt;
lt;/htmlgt