Buenas,
sigo practicando con jquery y he realizado un desplegable que tiene el siguiente código:
Html:
<a href=".oculta" class="mostrando">
<div id="select" class="select">
Primero o Segundo...
</div>
</a>
<div class="oculta desplegable">
<ul>
<li><a href="#Layer-primero" class="mostrar">Primero</a></li>
<li><a href="#Layer-segundo" class="mostrar">Segundo</a></li>
</ul>
</div>
Js:
jQuery(document).ready(function(){
$(".oculta").hide();
$(".mostrando").click(function(){
var nodo = $(this).attr("href");
if ($(nodo).is(":visible")){
$(nodo).hide();
return false;
}else{
$(".oculta").hide();
$(nodo).fadeToggle( "slow" );
return false;
}
});
});
Lo que estoy intentando hacer, y no logro, es que el elemento seleccionado aparezca en el select - primero o segundo - , es decir, que si clickeo en el desplegable primero me abre la capa (eso ya está hecho) pero quisiera que apareciera donde está escrito ahora 'primero o segundo'. Lo mismo con 'segundo', si lo clickeo que aparezca como seleccionado arriba.
Un saludo