Toogle jQuery

[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.