Category: jQuery

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:…

Expandable menus

$(document).ready(function(){ $('#menu > li > ul') .hide() .click(function(event){ event.stopPropagation(); }); $('#menu > li').toggle(function(){ $(this).find('ul').slideDown(); },function(){ $(this).find('ul').slideUp(); }); }); #menu { float: right; width: 200px; } #menu, #menu ul { list-style-type:…

scrolling gallery

$(document).ready(function(){ $('#pic_container').click(function(){ var numberOfPics=$(this).find('div > img').length; var next = Math.floor(Math.random()*numberOfPics); $(this) .scrollTo( '#pic_scroller>img:eq('+next+')',{duration:1000} ); }); }); /** * jQuery.ScrollTo * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com *…