Coding Architecture

スライド

jQuery

wSlide（http://www.webinventif.fr/wslide-plugin/）
demo

Coda-Slider(http://www.ndoherty.com/blog/category/coda-slider)
demo

Coda Slider Effect(http://jqueryfordesigners.com/coda-slider-effect/)
demo

Creating a Slick Auto-Playing Featured Content Slider(http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/)
demo

Accessible News Slider

EZjQuery(http://www.ezjquery.com/cgi-bin/webapp.rb?r=access)

MooTools

noobSlide（http://www.efectorelativo.net/laboratory/noobSlide/）

iCarousel(http://zendold.lojcomm.com.br/icarousel/)
demo(Vertical text scroller)
demo(Horizontal image slider)

Using CSS and Mootools to simulate Flash horizontal navigation effect[ポインタを合わせるだけでボックス内を水平に動かす](http://woork.blogspot.com/2008/03/using-css-and-mootools-to-simulate.html)

hover

jQuery

Animate a hover with jQuery（http://www.incg.nl/blog/2008/hover-block-jquery/）
demo

horizontal menu

jQuery

Horizontal Accordion（http://designreviver.com/tutorials/jquery-examples-horizontal-accordion）

Create an apple style menu and improve it via jQuery（http://www.kriesi.at/archives/apple-menu-improved-with-jquery）

MooTools

MooScroll（http://greengeckodesign.com/projects/mooscroll.aspx）

image menu（http://www.phatfusion.net/imagemenu/）

standalone

Horizontal JavaScript Accordion 1kb（http://www.leigeber.com/2008/05/horizontal-javascript-accordion-menu/）

Scroll

standalone

jsScroller（http://www.n-son.com/scripts/jsScrolling/）

MooTools

MooScroll（http://greengeckodesign.com/projects/mooscroll.aspx）

Tabs

standalone

JSタブ切替え応用編 --他ページから直接タブにアクセスする--（http://archiva.jp/web/javascript/tab-menu2.html）

jQuery

jQuery idTabs（http://www.sunsean.com/idTabs/）

jQuery UI Tabs（http://stilbuero.de/jquery/tabs_3/）
jQuery UI タブ - ［JavaScript］All About（http://allabout.co.jp/internet/javascript/closeup/CU20071220A/index2.htm）

Slideshow

MooTools

BarackSlideshow - An elegant, lightweight slideshow script（http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/）
demo

standalone

Javascript / CSS Crossfader（http://www.brandspankingnew.net/archive/2006/09/javascript_css_crossfader.html）

jQuery

CrossSlide（http://www.gruppo4.com/~tobia/cross-slide.shtml）

Accordion

standalone

Simple Javascript Accordions（http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions/）

Animated JavaScript Accordion V2（http://www.leigeber.com/2008/10/animated-javascript-accordion/）

jQuery

jquery.toggleElements.js - Toggle HTML-Elements with jQuery（http://jquery.andreaseberhard.de/toggleElements/）

Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。で使っているやつ！[いい本です。MTの勉強になります。]（http://mt.web-100.jp/sample/faq_sample.shtml）
自分メモ

/* accordion setting */

$(document).ready(function() {
	$(".faq-list dt").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
		});
	$(".faq-list dd").css("display","none");
	$(".faq-list dt").click(function(){
		$(this).next().slideToggle("fast",
			function(){
				if(this.style.display=="block"){
					$(this).prev().addClass("active");
				}
				else{
					$(this).prev().removeClass("active");
				}
			}
		);
	});
});

menu

MooTools

CSS+Javascript power. Fancy menu（http://devthought.com/cssjavascript-true-power-fancy-menu/）

Fancy Sliding Menu for Mootools

jQuery

Create a Cool Animated Navigation with CSS and jQuery（http://nettuts.com/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/）

CSS Dock Menu（http://www.ndesign-studio.com/blog/design/css-dock-menu/）

Dropdown

MooTools

MenuMatic（http://greengeckodesign.com/projects/menumatic.aspx）

jQuery

Create a multilevel Dropdown menu with CSS and improve it via jQuery（http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery）