Bonjour tout le monde,

J'ai trouvé ce script que j'aimerais intégrer à mon site :

http://www.learningjquery.com/2006/0...-show-and-hide

N'étant pas encore familiarisé avec jquery, je me demandais où je devais mettre ce code ? :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').hide();
 
 // shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });
 
 // slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
});
La DIV à cacher s'appelle info_et.

J'aimerais enclencher l'effet sur l'évènement onclick d'une image que voici :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<img src="images/down-icon.png" alt="Cacher" width="32" height="32" style="display:inline"" />
Merci d'avance pour votre aide, je serais très heureux de pouvoir avoir ce joli effet sur mon site.

beegees