Ayuda con un js simple
Tengo un problema con el js, es decir yo use este http://papermashup.com/simple-jquery-showhide-div/ (recomendado por sahashi) bueno en el demo que s...

Tengo un problema con el js, es decir yo use este http://papermashup.com/simple-jquery-showhide-div/ (recomendado por sahashi) bueno en el demo que se encuentra en la pagina, al hacer click se abre y se cierra.
Mi problema es que el mio no se cierra pero se abre, para aclarar mi login esta oculto hasta que le haces click al iniciar sesion y se abre el coso de login pero al hacer click devuelta en iniciar sesion se supone que se deberia cerrar como en el demo del js pero no ai forma de cerrarlo tengo que volver a cargar la pagina para cerrarlo e intentado ponerle un boton para que se cierra "X" pero no logro hacer que se cierre.. ya que no se como hacer que se cierre ;P tome el de ejemplo el "X" de modalbox pero no funciono XD.
Imagen del login..
[Imagen: X83b2Gk.jpg]

Este es el JS
Código PHP:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<
script type="text/javascript">
 
$(
document).ready(function(){
 
        $(
".slidingDiv").hide();
        $(
".show_hide").show();
 
    $(
'.show_hide').click(function(){
    $(
".slidingDiv").slideToggle();
    });
 
});
 
</
script

Y este es mi planilla
Código PHP:
<div class="iniciar1">
<
a href="{$mybb->settings['bburl']}/member.php?action=register"><span class="boton1">{$lang->welcome_register}</a></span>
<
a href="#" class="show_hide"><span class="boton1">Iniciar Sesion</a></span>
<
div class="slidingDiv">
<
form action="member.php" method="post">
<
input type="text" class="textlogin" name="username" value="Username" onfocus="if(this.value == 'Username') { this.value = ''; }" onblur="if(this.value=='') { this.value='Username'; }" />
<
br />
<
br />
<
input type="password" class="textlogin" name="password" value="password" onfocus="if(this.value == 'password') { this.value = ''; }" onblur="if(this.value=='') { this.value='password'; }" />
<
br />
<
br />
<
input type="submit" class="boton2" name="submit" value="{$lang->login}/>
<
input type="hidden" name="action" value="do_login" />
<
br />
</
form>
<
span class="posicion"><a href="{$mybb->settings['bburl']}/member.php?action=lostpw"><font color="#868686">Recuperar Pass</font></a></span>
</
div>
</
div

No hace falta poner los css XD

Alguna idea de como puedo hacer que se cierre..
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Por casualidad pusiste esto:
Código:
.show_hide {
    display:none;
}
Código:
<a class="closebtn" onclick="window.close();"></a>
Ó
Código:
<a class="closebtn" onclick="top.close();"></a>
Última modificación: 12 Feb, 2013, 12:49 pm por Z-Blue.
Trata cambiando los $ por jQuery & al principio de todo el JS que tienes agrega esto: jQuery.noConflict();
Asi?
Código PHP:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){

        
jQuery(".slidingDiv").hide();
        
jQuery(".show_hide").show();

    
jQuery('.show_hide').click(function(){
    
jQuery(".slidingDiv").slideToggle();
    });

});

</
script

Pues lo e puesto pero no se cierra solo Sad
- - - Actualizado - - -
(12 Feb, 2013, 4:04 pm)Steeep escribió: Trata cambiando los $ por jQuery & al principio de todo el JS que tienes agrega esto: jQuery.noConflict();
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Última modificación: 12 Feb, 2013, 5:18 pm por fabiibiografiia.
Trata con esto:

Código PHP:
$.noConflict();
jQuery(document).ready(function() {
    
jQuery("a.show_hide").toggle(
        function()
        {
            
jQuery(".slidingDiv").stop(truetrue).fadeIn();
        },
        
        function()
        {
            
jQuery(".slidingDiv").stop(truetrue).fadeOut();
        }
    );
}; 

Y en el CSS a la clase slidingDiv agrégale: display: none;
Última modificación: 12 Feb, 2013, 5:45 pm por V1K1NGO.
(12 Feb, 2013, 5:43 pm)Steeep escribió: Trata con esto:

Código PHP:
$.noConflict();
jQuery(document).ready(function() {
    
jQuery("a.show_hide").toggle(
        function()
        {
            
jQuery(".slidingDiv").stop(truetrue).fadeIn();
        },
        
        function()
        {
            
jQuery(".slidingDiv").stop(truetrue).fadeOut();
        }
    );
}; 

Y en el CSS a la clase slidingDiv agrégale: display: none;

No ahora directamente no me sale el boton de iniciar login y la caja de login queda apareciendo
[Imagen: 7kGM9gJ.jpg]
- - - Actualizado - - -
Si le pongo display none directamente desaparece todo ;P
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Última modificación: 12 Feb, 2013, 5:57 pm por fabiibiografiia.