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.