[SOLUCIONADO] no puedo ocultar un formulario con jquery atraves de un button

[damian56]

Quiero hacer q cuando le doy click al boton volver que esta en el <li class="izquierda">desaparesca el formulario "contenedor" y muestre el formulario "contenedor_selector",lo hice de la siguiente forma pero no me funciona en el jquery.

Gracias

<div id="contenedor_selector">
<ul>
<li>
<label for="campingtext ">Registra tus autos</label>
<div id="button_c">
<dt class="buttom_sc"> prueba </dt> </div>

</li>
<li>
<label for="usertext">Registrate </label>
<div id="button_c2">
<dt class="buttom_sc"> prueba 2 </dt> </div>
</li>
</div>
</ul>

<div id="contenedor">

<form method="post" action="#">
<ul>
<h2>Registra tu camping</h2>
<li class="izquierda">
<div>
<span class="completo">
<label for="nombre">Nombre</label>
<input id="nombre" name="nombre" value="" />
</span>

<span class="completo">
<label for="apellido">Apellido</label>
<input id="apellido" name="apellido" value="" />
</span> </div>
</li>

<li class="izquierda">

<div>
<span class="completo">
<label for="direccion">Direccion</label>
<input id="direccion" name="direccion" value="" />
</span>
<span class="tercio">
<label for="provincia">Provincia</label>
<select id="provincia" name="provincia">
<option value=""></option>
<option value="provincia1">Provincia 1</option>
<option value="provincia2">Provincia 2</option>
<option value="provincia3">Provincia 3</option>
</select>

<span class="dostercios">
<label for="municipio">Ciudad</label>
<input id="ciudad" name="ciudad" value="" />
</span> </span>
<span class="tercio">
<label for="codigopostal">Código postal</label>
<input id="codigopostal" name="codigopostal" value="" />
</span> </div>
</li>

<li class="izquierda">


<div>
<span class="completo">
<label for="email" for="email">Email</label>
<input id="email" name="email" value="" />
</span> </div>
</li>

<li class="izquierda">


<div>
<span class="mitad">
<label for="telefonofijo">Usuario</label>
<input id="telefonofijo" name="telefonofijo" value="" />
</span>

<span class="mitad">
<label for="telefonomovil">Contraseña</label>
<input id="telefonomovil" name="telefonomovil" value="" />
</span> </div>
</li>

<li class="izquierda">
<div>
<span class="mitad">
<label for="telefonomovil">capcha</label>
<input id="capcha" name="capcha" value="" />
</span>

<span class="botones">

<input id="alta" type="submit" value="Darme de alta &rarr;" />
<input type="submit" id="alta1" value="Volver &rarr;" />
</span> </div>
</li>
</ul>
</form>
</div>
</div>

$(document).ready(function(){
$('.buttom_sc').mouseenter(function() {
$(this).fadeTo('fast',0.1);
});

$(document).ready(function() {
$("#button_c").click(function() {
$("#contenedor").show('slow');
$("#contenedor_selector").hide();
});

$(document).ready(function() {
$("#button_c2").click(function() {
$("#contenedor2").show('slow');
$("#contenedor_selector").hide();
});

$(document).ready(function(){
$("#alta1").click(function() {
$("#contenedor").hide();
$("#contenedor_selector").show('slow');
});
});

[Trublux]

No estás parando el comportamiento por defecto de los input, así que supongo que el formulario se está enviando, ¿no?.

Usa event.preventDefault().

[damian56]

gracias,me funicono.Una consulta como el tema de los comportamientos de los input?

[Trublux]

No te entiendo.
¿Preguntas cual es el comportamiento de un input? Si es eso, el comportamiento de los tipo submit es enviar el formulario.