duda JQuery

[NaikiOwned]

Hola tengo una duda, este código logra minimizar y maximizar una caja, el problema es que yo tengo varias cajas iguales y solo quiero que se ejecute solo en la caja que le hice click, he estado probando pero no doy con la respuesta.ojala alguien la sepa, gracias.

Código HTML:

<script language="javascript">
$(document).ready(function(){
				$("div.maximizar").hide();					  
					$("div.minimizar").click(function(){
								$("div.boxcontenido").slideUp("normal");
								$("div.minimizar").hide();
								$("div.maximizar").show();
							});
					$("div.maximizar").click(function(){
								$("div.boxcontenido").slideDown("normal");
								$("div.maximizar").hide();
								$("div.minimizar").show();
								});
					$("div.cerrar").click(function(){
								$("div.box").hide();});
						   });
						
</script> 

[ramonalb]

El problema que veo, es porque tus selectores son generales, osea, que le dices que se maximicen o minimicen todas las que están asociadas a esas clases, tienes dos opciones

1. hacer un selector independiente para cada una de tus cajas por el id del div
o
2.

$("div.maximizar").hide();
$("div.minimizar").click(function(){
$(this).parent(".boxcontenido").slideUp("normal");
$(this).parent(".minimizar").hide();
$(this).parent(".maximizar").show();
});

$("div.maximizar").click(function(){
$(this).parent(".boxcontenido").slideDown("normal" );
$(this).parent(".maximizar").hide();
$(this).parent(".minimizar").show();
});

$("div.cerrar").click(function(){
$(this).parent(".box").hide();
});

algo así más o menos, te aclaro que no verifique que funcionara, es meramente para que te des una guía

[NaikiOwned]

Iniciado por ramonalb

El problema que veo, es porque tus selectores son generales, osea, que le dices que se maximicen o minimicen todas las que están asociadas a esas clases, tienes dos opciones

1. hacer un selector independiente para cada una de tus cajas por el id del div
o
2.

$("div.maximizar").hide();
$("div.minimizar").click(function(){
$(this).parent(".boxcontenido").slideUp("normal");
$(this).parent(".minimizar").hide();
$(this).parent(".maximizar").show();
});

$("div.maximizar").click(function(){
$(this).parent(".boxcontenido").slideDown("normal" );
$(this).parent(".maximizar").hide();
$(this).parent(".minimizar").show();
});

$("div.cerrar").click(function(){
$(this).parent(".box").hide();
});

algo así más o menos, te aclaro que no verifique que funcionara, es meramente para que te des una guía

lo probé pero dejo de funcionar pero creo que por ahi va la cosa. mira lo subí aquí para que lo puedas o puedan ver como lo tengo hasta ahora.

http://test.medicalgroupsi.com/

[chicohot20]

Hay varias formas, prueba así:

Código HTML:

$("div.minimizar").click(function(){
    $(this).parents(".box").find("div.boxcontenido").slideUp("normal");         $(this).parents(".box").find("div.minimizar").hide();
    $(this).parents(".box").find("div.maximizar").show();
});
 

[NaikiOwned]

muchas gracias resulto!!!