jQuery gradient drop-down menu_jquery

The main purpose here is to use slideToggle() and slideUp() to display the originally hidden content when the mouse passes over it (.hover()):

Copy code The code is as follows:

$(function(){
$(".dropdown").hover(
function(){ $("li ul ").slideToggle(800);},
function(){$("li ul").slideUp(1000)}
)
})

Copy code The code is as follows:

;

Use slideToggle and slideUp to implement. Of course, you can also use hide/show, fadeIn/fadeOut, etc., but the effect is different, the implementation method is still the same. Things to note Yes, you need to add position:relative; to .dropdown to prevent flickering.

• 
  < ;a class="rssfeed">
  
  
  
  • 
  
  
  • fresh fruit subscription
  
  
  • Google subscription
  
  
  • Grab shrimp subscription
  
  
  • Youdao Subscription
  
  
  • More ways»
  
  
  
  

Test code package download