Ayuda con un js simple

Finer 11 Feb, 2013, 7:31 pm

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:
<?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:
<?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]

<?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>

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

Ayuda con un js simple

Finer 11 Feb, 2013, 7:31 pm

sahashi 11 Feb, 2013, 7:40 pm

Finer 11 Feb, 2013, 7:43 pm

sahashi 11 Feb, 2013, 7:48 pm

Finer 11 Feb, 2013, 7:54 pm

Finer 12 Feb, 2013, 12:08 pm

HSSWebs 12 Feb, 2013, 4:04 pm

Finer 12 Feb, 2013, 5:16 pm

HSSWebs 12 Feb, 2013, 5:43 pm

Finer 12 Feb, 2013, 5:56 pm