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
<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
<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:
.show_hide {
	display:none;
}
Si si lo tengo puesto por eso me pregunto XD.
Si no es posible que se solucione eso, como podria ponerle un close para que se cierre ;P
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
<a class="closebtn" onclick="window.close();"></a>
Ó
<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?
<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 - - -
Steeep
12 Feb, 2013, 4:04 pmSteeep 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:

$.noConflict();
jQuery(document).ready(function() {
	jQuery("a.show_hide").toggle(
		function()
		{
			jQuery(".slidingDiv").stop(true, true).fadeIn();
		},
		
		function()
		{
			jQuery(".slidingDiv").stop(true, true).fadeOut();
		}
	);
};

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

$.noConflict();
jQuery(document).ready(function() {
	jQuery("a.show_hide").toggle(
		function()
		{
			jQuery(".slidingDiv").stop(true, true).fadeIn();
		},
		
		function()
		{
			jQuery(".slidingDiv").stop(true, true).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.
Colaboradores
sahashi HSSWebs
This forum uses Lukasz Tkacz MyBB addons.