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>

PHP

Select All

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>

PHP

Select All

No hace falta poner los css XD

Alguna idea de como puedo hacer que se cierre..

Por casualidad pusiste esto:

.show_hide {
	display:none;
}

None

Select All

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

<a class="closebtn" onclick="window.close();"></a>

None

Select All

Ó

<a class="closebtn" onclick="top.close();"></a>

None

Select All

Puse los 2 para probar en mi planila de welcome pero no, no se cierra el login ;P.

Uuuuuuup alguna ayudita XD

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>

PHP

Select All

Pues lo e puesto pero no se cierra solo
- - - Actualizado - - -

Trata cambiando los $ por jQuery & al principio de todo el JS que tienes agrega esto: jQuery.noConflict();

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();
		}
	);
};

PHP

Select All

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

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();
		}
	);
};

PHP

Select All

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