Toogle jQuery

[arhte]

Hola,

En la siguiente liga http://www.arhte.com/02010 podrán ver que tengo un menú basado en el Toogle de jQuery.
Alguien podría ayudarme para poder tener la instrucción necesaria que cierre el toogle abierto si es que selecciono el otro.
En este momento si abro uno después del otro, los dos se quedan abiertos, la idea es que pudiera incluir 'n' cantidad de opciones pero que se cierren si selecciona una más.

Este es el código que abre y cierra:

$(document).ready(function() {

$(".signin").click(function() {
$("div#signin_menu").toggle();
$(".signin").toggleClass("menu-open");
});

$(".dos").click(function() {
$("div#dos_menu").toggle();
$(".dos").toggleClass("menu-open");
});

});

[hector2c]

mmmmmm, el toggle es complicado para hacer esas cositas, por que digamos que almacena sus propias variables al momento de ocultar o mostrar una sección... mejor haslo por separado:

Código PHP:

  <script language="javascript" type="text/javascript" src="extras/js/jquery/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $(".contenido").hide();
        $("#uno").click(function(){
            $("#div_dos").hide();
            if($("#div_uno").css('display')=='none')
                $("#div_uno").show();
            else
                $("#div_uno").hide();
        });
        $("#dos").click(function(){
            $("#div_uno").hide();
            if($("#div_dos").css('display')=='none')
                $("#div_dos").show();
            else
                $("#div_dos").hide();
        });
 
    });
</script> 
  

Código HTML:

<style type="text/css">
a{
	cursor: pointer;
	color: #00f;
}
</style>
<a id="uno">uno</a>
<a id="dos">dos</a>
<div id="div_uno" class="contenido">contenido 1</div>
<div id="div_dos" class="contenido">contenido 2</div> 

[arhte]

Hector, muchísimas gracias por tu respuesta, me está ayudando demasiado, aunque me gustaría preguntarte algo adicional, en este momento solo se cierran o abren desde la liga.

Cómo sería el código para que pueda incluir dentro del div 'contenido' un botón que permita cerrarlos desde ahi?

Te agradezco de antemano!! saludos!

[hector2c]

Código PHP:

  <script language="javascript" type="text/javascript" src="extras/js/jquery/jquery-1.3.2.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function(){
        $(".contenido").hide();
        $(".uno").click(function(){
            $("#div_dos").hide();
            if($("#div_uno").css('display')=='none')
                $("#div_uno").fadeIn();
            else
                $("#div_uno").fadeOut();
        });
        $(".dos").click(function(){
            $("#div_uno").hide();
            if($("#div_dos").css('display')=='none')
                $("#div_dos").fadeIn();
            else
                $("#div_dos").fadeOut();
        });
        $(".cerrar").click(function(){
            $(".contenido").fadeOut();
        });
    });
</script> 
  

Código HTML:

<style type="text/css">
a{
	cursor: pointer;
	color: #00f;
}
.contenido{
	width: 200px;
	height: 200px;
	background-color: #369;
	padding: 20px;
}
</style>
<a class="uno">uno</a>
<a class="dos">dos</a>
<br>
tambien puedes abrir el <a class="uno">uno</a> y el <a class="dos">dos</a> desde aqui<br>
tambien desde estos botones <input type="button" class="uno" value="Abrir uno"> y  <input type="button" class="dos" value="Abrir dos"><br>

<div id="div_uno" class="contenido">contenido 1<br><input type="button" value="cerrar" class="cerrar"></div>
<div id="div_dos" class="contenido">contenido 2<br><input type="button" value="cerrar" class="cerrar"></div> 

jejeje, este ya es mas completo, puedes abrir y cerrar desde distintos enlaces... y cerrarlo desde el mismo div con un boton.

[arhte]

Héctor,

Te agradezco muchísimo tu ayuda soy diseñador gráfico y en muchas ocasiones me cuesta demasiado trabajo 'personalizar' algunas scripts.

Nuevamente te agradezco, esto me será de gran ayuda.

Saludos!!!

[hector2c]

noooou proooublemm ammiigoouuu !!!