JQUERY Vertical menü

• 18 Ekim 2011
• veblebi
• JQUERY
• css JQUERY xhtml
• 2

Daha önce bu başlıkda basit bir açılır, kapanır menü yapmıştık.

Şimdi ise aynı biçimde 3 satır kod yazarak dikey(vertical) menü yapıyoruz..

Örneği Buradan İnceleyebilirsiniz. Örneği olduğu gibi kaydedebilir, ya da kaynak kodları bir text dosyasında, .html dosyası olarak kaydederek deneyebilirsiniz..

JQUERY kodlarımız aşağıdaki gibidir…

<script type="text/javascript">
$(function(){
	$('#vmenu>li').click(function(){
		$(this).siblings().find('ul:visible').hide(600);
		$(this).find('ul:hidden').show(600);
	})
});
</script>