Foros del Web » Programando para Internet » Jquery »

Error jQuery

Estas en el tema de Error jQuery en el foro de Jquery en Foros del Web. hola, quiero hacer un FadeToggle, con jquery, quisera saber como hacer para que no se repita, ya que tengo por ejemplo 3 divisiones y 3 ...
  #1 (permalink)  
Antiguo 02/05/2013, 11:01
Avatar de CapFarrl  
Fecha de Ingreso: octubre-2012
Ubicación: Lima
Mensajes: 55
Antigüedad: 12 años, 2 meses
Puntos: 1
Error jQuery

hola, quiero hacer un FadeToggle, con jquery, quisera saber como hacer para que no se repita, ya que tengo por ejemplo 3 divisiones y 3 span, quiero que cuando le de click a la primera division, se muestren solo sus span, y no los demas.? como hacerlas?

Código HTML:
function hide_show(e,a){
       //$(a).hide();
       $(e).click(function(){
	$(a).css('display','block');
	return false;	
});
}
Código HTML:
 <div class="click_">Catálogo </div>
				<span class="hover_">[catalogo]</span>
				
				<div class="click_">Flyer GanaMás</div>
				<span class="hover_">[catalogo]</span>

				<div class="click_">Lista de códigos y precios </div>
				<span class="hover_">[catalogo]</span>

			</div><!---end--> 
  #2 (permalink)  
Antiguo 02/05/2013, 11:48
(Desactivado)
 
Fecha de Ingreso: abril-2013
Ubicación: rosario
Mensajes: 248
Antigüedad: 11 años, 8 meses
Puntos: 17
Respuesta: Error jQuery

bueno CapFarrl, te paso un ejemplo segun lo que entendi, eso si te modifique el html para que cada div contenga a los span. ahi va el codiguito.

<!DOCTYPE html>
<html>
<head>

<style>
span.hover_{
display:none;
}
</style>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script>
jQuery(document).ready(function() {

jQuery("div.click_").click(function(){
jQuery("div.click_").find('span').fadeOut();
jQuery(this).find('span').fadeIn();
});
});

</script>
</head>
<body>

<div class="click_">Catálogo
<span class="hover_">[catalogo]</span><span class="hover_">[catalogo1]</span><span class="hover_">[catalogo2]</span>
</div>

<div class="click_">Flyer GanaMás
<span class="hover_">[catalogo]</span><span class="hover_">[catalogoa]</span><span class="hover_">[catalogob]</span>
</div>

<div class="click_">Lista de códigos y precios
<span class="hover_">[catalogo]</span><span class="hover_">[catalogo]</span><span class="hover_">[catalogo]</span><span class="hover_">[catalogo]</span>
</div><!---end-->


</body>


</html>
  #3 (permalink)  
Antiguo 03/05/2013, 05:02
Avatar de hasdpk  
Fecha de Ingreso: agosto-2011
Ubicación: $spain->city( 'Arucas' );
Mensajes: 1.800
Antigüedad: 13 años, 4 meses
Puntos: 297
Respuesta: Error jQuery

Desde mi opinión, deberás de crear unos identificadores o clases más unitarios y no tan globales, ya que por ejemplo si quiero hacer un cambio a .click_ me van a saltar todos.
__________________
Freelance Developer — www.rubenmartin.me PHP, SQL, Wordpress, Prestashop, Codeigniter, Laravel
RegaloConsolas — www.regaloconsolas.com Sorteo juegos, consolas y accesorios

Etiquetas: javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:59.