Hola
tengo un menu
<ul class="menu-h1">
<li id="
id_1"><a href="" >ID 1</a></li>
<li id="
id_2"><a href="" >ID 2</a></li>
</ul>
dependiendo de donde se hace clic: "ID 1" ó "ID 2"
deberá mostrar un div de los dos siguientes (que inicialmente estaran ocultos)
<ul id="id_1">
<li>1.1</li>
<li>1.2</li>
</ul>
<ul id="id_2">
<li>2.1</li>
<li>2.2</li>
</ul>
he programado esto:
<script type="text/javascript">
$(document).ready(function (){
$(".menu-h1 ul li#
id#XXXXX").click(function mostrarDetalles(
idDetalle)
{
if ($('div.menu-h2 id=" '+
idDetalle+' " ').is(":hidden"))
{
$('div.menu-h2 id=" '+
idDetalle+' " ').slideDown("slow");
}
else
{
$('div.menu-h2 id=" '+
idDetalle+' "').slideUp("slow");
}
});
}
</script>
la pregunta es:
1. ¿Cómo le doy valor a :
XXXXX
2. Cómo asocio el
XXXXX al
idDetalle ?
es decir, quiero que si haces clic en "ID 1" muestre solo el menu
<ul id="id_1"> y si haces clic en "ID 2" muestre el menu <ul id="id_2">
gracias de antemano