css Acceder y reaccionar是一个事件jQuery de quontrols

Posted 2021-05-13

<? $s = '<div class="resumenGlobal">';

$s .= '<div class="collapsiblePanel">';
$s .= '<h2 class="collapser"> Resumen de Aplicaciones y sus desarrolladores asociados </h2>';
$s .= '<div class="collapsible">'; 
$s .= $this->resumenUsuariosAplicacion();
$s .= '</div> </div> <br/><br/>';

$s .= '<div class="collapsiblePanel">';
$s .= '<h2 class="collapser"> Resumen de Desarolladores y aplicaciones asociadas </h2>';
$s .= '<div class="collapsible">'; 
$s .= $this->resumenAplicacionesUsuario();
$s .= '</div> </div> <br/><br/><br/>';

return $s;

eventos('QuontrolSoporteAplicaciones_resumenGlobal',
{
	"inicia":function()
	{
		
		var quontrol = this.quontrol; 
		quontrol.on("click", ".collapser", function(){
			quontrol.mostrarOcultar($(this).closest(".collapsiblePanel"));
		});
				
	},
	"mostrarOcultar":function(elemento)
	{
		
		var collapsible = elemento.find(".collapsible");
		console.log(collapsible);
		collapsible.toggleClass("expanded");
	}
});

.resumenGlobal > .collapsiblePanel> .collapser{
	
	cursor:pointer;
}

.resumenGlobal > .collapsiblePanel> .collapser:hover{
	
	color:red;
	text-decoration:underline;
}

.resumenGlobal > .collapsiblePanel> .collapsible{
	display:none;
}

.resumenGlobal > .collapsiblePanel > .collapsible.expanded{
	display:block;
}