Burada özel bir yapı kullanılmış olabilir. (Bkz: İlgili JavaScript Dosyası)
Menüyü tetikleyen JavaScript kod yapısı;
/******************************
* Navigation
*****************************/
function Nav(){
$("div[class*='menu'] a[href^='#']").bind("click", jump);
if (location.hash){
var h=location ;
$('.active-menu').removeClass('active-menu');
$("a[href~='"+h+"']").addClass('active-menu');
//to not give the page offset if page not opened in tablet or other
if($(window).width()> 768 ){
var l=parseInt($('.first-block').css('width'), 10);
$('.mainpart').scrollTo( location.hash , 800,{offset:{left:-l}} );
}
else{
$('.mainpart').scrollTo( location.hash , 800);
}
}else{
$('.active-menu').removeClass('active-menu');
if ($('.mainpart').length)
$('.menu a[href*="home"]').addClass('active-menu');
else
$('.menu a[href="index.html"]').addClass('active-menu');
if ($('.blog').length)
$('.menu a[href="blog.html"]').addClass('active-menu');
}
// Close/Open Menu On Click
$('.menu-button-minus').click(function(){
var $links=$('.menu');
$(this).toggleClass('menu-button-plus');
$links.animate({
marginLeft: parseInt($links.css('marginLeft'),10) == 0 ?
$links.outerWidth()+12 : 0
},{complete:function(){
$('.menu>ul>li').hover(function(){
$(this).parents('.menu-area').css('overflow','visible');
$(this).children('ul').stop().fadeIn();
},function(){
$(this).parents('.menu-area').css('overflow','hidden');
$(this).children('ul').stop().fadeOut().hide();});
}});
$('.header-titles').fadeToggle('slow');
});
//Mobile Menu
$(document).click(
function (e) {
var $mobileNavBtn = $('.mobile-menu > a'),
ta= e.target,
m=$mobileNavBtn.get(0),
c=$mobileNavBtn.hasClass('active');
if ((ta != m) && c)
$mobileNavBtn.click();
}
);
$('.mobile-menu > a').click(function (e) {
var $this = $(this),
$menu = $this.parent().find('> ul');
if ($this.hasClass('active')) {
$menu.slideUp('fast');
$this.removeClass('active');
$this.css('background-image','url(assets/img/mobile-button.png)');
}
else {
$menu.slideDown('fast');
$this.addClass('active');
$this.css('background-image','url(assets/img/mobile-button-minus.png)');
}
e.preventDefault();
});
}
Birebir hazırını bulamayabilirsin ama çeşitli jQuery kütüphanelerini kullanarak edit ile benzer bir yapı elde edebilirsin...