Slider sur la droite

Slider sur la droite - HTML/CSS - Programmation

Marsh Posté le 15-06-2011 à 15:47:36    

Bonjour à tous,
 
Alors voilà, après avoir installé le script suivant:
 

Code :
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $("dd" ).hide();
  4. $("dt" ).css("cursor", "pointer" );
  5. $("dt" ).click(function() {
  6.  if($(this).next().is(":visible" ) == false) {
  7.   $("dd" ).slideUp();
  8.   $(this).next().slideDown();
  9.  }
  10. });
  11. });
  12. </script>


 
J'arrive à créer un menu déroulant à l'aide des balises <dl><dt> et <dd>.
 
Je clique sur ma balise <dt> et le menu déroule en bas pour laisser apparaître la balise <dd>.
 
Je voudrai savoir comment je dois procéder pour avoir le même effet mais de gauche à droite au lieu de bas en haut. Est ce possible?

Reply

Marsh Posté le 15-06-2011 à 15:47:36   

Reply

Marsh Posté le 15-06-2011 à 22:07:35    

Alors, j'ai partiellement réussi en intégrant le tout dans un tableau:
 

Code :
  1. <table><tr>
  2. <dl>
  3. <dt><td><img src="1.jpg"></td></dt>
  4. <dd><td><div id="1"></div></td></dd>
  5. <dt><td><img src="2.jpg"></td></dt>
  6. <dd><td><div id="2"></div></td></dd>
  7. <dt><td><img src="3.jpg" border="0"></td></dt>
  8. <dd><td><div id="3"></div></td></dd>
  9. </dl>
  10. </tr></table>


 
Lorsque je clique sur mes liens de menu (1, 2 et 3.jpg) l'effet slide fonctionne. en revanche, lorsque je clique sur l'un des liens, cela ne referme pas les autres!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed