Login Panel
$(document).ready(function(){ $('#login a').toggle(function(){ $(this) .addClass('active') .next('from') .animate({'height' : 'show'},{ duration: 'slow', easing: 'easeOutBounce' }); },function(){ $(this) .removeClass('active') .next('form') .slideUp(); }); }); <!doctype html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…
Multi level accordion
$(document).ready(function(){ $('#accordion > li ul') .click(function(event){ event.stopPropagation(); }) .filter(' :not(:first)') .hide(); $('#accordion > li,#accordion > li > ul > li').click(function(){ var selfClick=$(this).find('url:first').is('visible'); if(!selfClick){ $(this) .parent() .find('> li ul:visible') .slideToggle(); }…
Simple accordion menus
$(document).ready(function(){ $('#celebs ul > li ul') .click(function(event){ event.stopPropagation(); }) .filter(' :not(:first)') .hide(); $('#celebs ul > li').click(function(event){ var selfClick=$(this).find('url:first').is('visible'); if(!selfClick){ $(this) .parent() .find('> li ul:visible') .slideToggle(); } $(this) .find('ul:first') .stop(true,true) .slideToggle();…
Dropdown with hover intent
$(document).ready(function(){ $('#menu li ul').css({ display:"none", left:"auto" }); $('#menu li').hoverIntent(function(){ $(this) .find('ul') .stop(true,true) .slideDown('fast'); },function(){ $(this) .find('ul') .stop(true,true) .fadeOut('fast'); }); }); #container { position: relative; } #menu { position: absolute; top:…