2011-02-24 6 views
0

J'ai ce code jquery qui affiche mon div et le cache pas de problème mais j'ai du mal à passer de l'affichage css à l'affichage slideToggle?jQuery slideToggle

$('li.trigger').hover(
     function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'block'); }, 
     function() { $(this).css('background-color', '#fff'); $('div', this).css('display', 'none'); }); 
+0

que se passe-t-il exactement? – Serge

+0

Vous voulez faire glisser à chaque fois qu'ils mettent le mouseenter ou mouseenter/quitter parce que vous basculer tandis que la souris entrer le premier mouseenter les glisse caché, puis la deuxième fois, les diapositives visibles, et ainsi de suite – Val

+0

désolé voir ci-dessus la modification. Cela fonctionne en changeant juste le bloc d'affichage de css et l'affichage aucun mais je le veux pour glisser bascule ouvert sur mouseover et glissez près sur le mouseout – user520300

Répondre

0
$('li.trigger').hover(
     function() { $(this).css('background-color', '#0099ff'); 
$('div', this).css('display', 'block').slideToggle("slow"); 

}); 
1

Donnez un aller, si u dnt besoin de faire glisser les div s alors il suffit de déplacer .slideUp() à la ligne ci-dessus même avec slideDown

$('li.trigger').hover(
     function() { 
      $(this).css('background-color', '#fff'); 
      $('div', this).css('display', 'block').slideUp(); 
     }, 
     function() { 
      $(this).css('background-color', '#fff'); 
      $('div', this).css('display', 'none').slideDown(); 
     }); 
-1

Heres ce qui a fonctionné

$('li.trigger').hover(
    function() { $(this).css('background-color', '#fff');$('div', this).slideToggle("slow"); 
}); 
+0

Votre réponse ici est fondamentalement identique aux messages précédents; s'il vous plaît ne répétez pas d'autres réponses à moins qu'il y ait quelque chose de fondamentalement différent de votre approche. – phooji