[resolu]homefeatured ouvrir la div avec description avec onclick sur un lien

[misterpink]

Bonjour à tous et à toutes,

 

alors voila, j'essaye de faire une action en javascript sur le homefeatured.tpl, j'ai réussi que partiellement, ce que j’aimerai faire c'est au clique d'un lien "ouvrir" qui se situe sous l'image, la description ainsi que le prix et le bouton voir apparaisse, par défaut il n'y a que l'image de visible.

 

Ça j'ai réussi, mais mon soucis c'est que ça me le fait sur tous alors que je voudrai que si je clique sur le lien "ouvrir" sous l'image d'un produit ce ne soit que la description de celui-la qui s'ouvre, et ensuite quand je clique sur le lien ouvrir d'un autre produit ça referme l'autre description du produit précédent et que ça ouvre celui-ci et ainsi de suite.

 

J’espère que je me suis fait comprendre (pas facile )... déjà je vous joint mon fichier js ainsi que le lien vers le site, il est en construction (design) actuellement alors soyez indulgent.

 

voici le code en javascript:

 

$(document).ready(function(){
   $('div.block_description').css('display','none');
$('div.closed').css('display','none');
   $('div.open').css('display','block');  
		   $('div.open').click( function() {
  $('div.open').hide(800);
  $('div.closed').show(800);
  $('div.block_description').show(800);


 });

 $('div.closed').click( function() {
  $('div.open').show(800);
  $('div.closed').hide(800);
  $('div.block_description').hide(800);


 });


});

 

 

et le lien vers le site

http://www.misterpin...bunnybecool/fr/

 

 

Merci à tous et à toutes pour votre aide...

 

Je précise la version de prestashop : prestashop 1.5.2

Edited December 3, 2012 by misterpink (see edit history)

[misterpink]

Je galere je n y arrive pas...

[misterpink]

Bon finalement j'ai réussi en récupérant les id produits...

voici le code si ça intéresse quelqu'un...

 

$(document).ready(function(){
   $('div.block_description').css('display','none'); 
   $('div.closed').css('display','none');
   $('div.open').css('display','block');   
		   $('div.open').click( function() {
   var id = $(this).attr('id');
   var tabId = id.split('_');
   $('div.block_description').hide(800);
   $('div.closed').hide(800);
   $('div.open').show(800);
   $('div#open_'+tabId[1]).hide(800);
   $('div#closed_'+tabId[1]).show(800);
   $('div#desc_'+tabId[1]).show(800);


 });

 $('div.closed').click( function() {
 var id = $(this).attr('id');
  var tabId = id.split('_');
  $('div#open_'+tabId[1]).show(800);
  $('div#closed_'+tabId[1]).hide(800);
  $('div.block_description').hide(800);


 });


});