Skip to content

Instantly share code, notes, and snippets.

@rafonzoo
Created September 7, 2018 15:47
Show Gist options
  • Save rafonzoo/cc88b225bbe9e1cdae1dd8e8024061b4 to your computer and use it in GitHub Desktop.
Save rafonzoo/cc88b225bbe9e1cdae1dd8e8024061b4 to your computer and use it in GitHub Desktop.
Navigasi bertingkat
/*!
** Navigation Menu by @rafonzoo
** See details https://blog.helloraf.com/?p=1263&preview=true
** Working demo https://htmlpreview.github.io/?https://cdn.rawgit.com/rafonzoo/navigation/master/assets/navigation.html
** jQuery required at least ver: 1.- or higher **/
(function($){var button=$('.tombol-hamburger'),ariaNav=$('.navigasi-utama'),unitsNav=$('.punya-turunan a'),clickSet=$('.punya-turunan'),clickChld=$('.navigasi-turunan');function clickAct(){clickSet.attr('aria-expanded','false');unitsNav.on('click',function(e){$(this).next('ul').toggleClass('show').slideToggle('fast');$(this).parent().attr('aria-expanded',$(this).next().hasClass('show'));if($(this).next().hasClass('show')){$(this).next().attr('aria-hidden','false')}else{$(this).next().attr('aria-hidden','true')}
if($('.unit-navigasi').hasClass('punya-turunan')){$('.punya-turunan').children('a').addClass('locked')}
if($(this).hasClass('locked')){e.preventDefault()}});button.next().children('ul').attr('aria-hidden','true');button.on('click',function(){var _this=$(this);_this.next().children('ul').slideToggle('fast').attr('aria-hidden',_this.next().children('ul').attr('aria-hidden')==='false'?'true':'false');$(this).attr('aria-expanded',_this.next().children('ul').hasClass('show'))})}
$(window).on('load resize',function(){if("block"===button.css("display")){unitsNav.parent().attr('aria-hidden','true')}else{unitsNav.parent().attr('aria-hidden','false')}});$(document).ready(function($){var windowWidth=$(window).width();$(window).resize(function(){if($(window).width()!=windowWidth){windowWidth=$(window).width();if('none'===button.css('display')){$('.navigasi-utama').removeAttr('style')}}})});$(document).ready(function(){clickAct()})})(jQuery)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment