İlgili JavaScript betiğimiz.
$(document).ready(function () {
$(".menu").click(function () {
$(".alt_menu").slideUp("slow");
if ($(this).next(".alt_menu").css("display") == 'none') {
$(this).next(".alt_menu").slideDown("slow");
}
});
});
İlgili Css betiğimiz.
.menu_kapsul{width:200px;background:#FBF8E9;margin:0px auto;padding:5px;font-family:"Arial", Tahoma, Sans-Serif;}
.menu{display:block;padding-left:5px;padding-right:5px;font-size:14px;line-height:24px;height:24px;text-decoration:none;color:#000;background:#EBE8D9;margin-bottom:3px;}
.alt_menu{list-style-type:none;display:none;font-size:12px;}
.alt_menu li{margin:0px 10px;padding:3px 0px;}
.alt_menu li + li{border-top:1px solid #EBE8D9;}
.alt_menu li a{text-decoration:none;color:#9E0303;}
Body etiketleri arasına katacağımız elementler.
Örnek:
ontedi.com
