Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function() {
- // Find how many Classes there are and set Var
- var $num = $('.category_header').length;
- // Append Unique Class Number to each Div
- $('.category_header').each(function($num) {
- $(this).addClass('cat-' + $num);
- // Check to see if the Nav is currently Expanded (Used on page open)
- if ( $('.cat-' + $num).hasClass('expanded') ) {
- // Add Class that rotates the arrow downward via CSS
- $('.cat-' + $num + ' .glyphicons-icon').addClass('rotate_down');
- }
- });
- // Append Unique Class Number to each Div
- $('.toggle_nav').each(function($num) {
- $(this).addClass('toggle-' + $num);
- if ( $('.cat-' + $num).hasClass('expanded') ) {
- $('.toggle-' + $num + ' .toggle_nav_sub').css('display', 'block');
- $('.toggle-' + $num + ' .sub_cat' + ' .glyphicons-icon').addClass('rotate_down_sub');
- }
- });
- // Loop through each link
- $('.category_header').each(function($num) {
- // Click Event to Trigger Sub Nav
- $('.cat-' + $num).click(function(e) {
- e.preventDefault();
- $('.cat-' + $num + ' .glyphicons-icon').toggleClass('rotate_down');
- // Toggle the 1st Sub Nav
- $('.toggle-' + $num).fadeToggle(200);
- });
- // Define Element Selector as Var
- var $subNav = $('.toggle-' + $num + ' .sub_cat');
- // Find how many Sub Nav Classes there are and set Var
- var $numSub = $subNav.length;
- // Append Unique Class Number to each Sub Nav Div
- $subNav.each(function($numSub) {
- $(this).addClass('sub_cat-' + $numSub);
- });
- // Append Unique Class Number to each Sub Nav Div
- $('.toggle-' + $num + ' .toggle_nav_sub').each(function($numSub) {
- $(this).addClass('toggle_sub-' + $numSub);
- });
- // Loop through each Sub Nav link
- $subNav.each(function($numSub) {
- // Click Event to Trigger Sub Nav
- $('.toggle-' + $num + ' .sub_cat-' + $numSub).click(function(e) {
- e.preventDefault();
- $('.toggle-' + $num + ' .sub_cat-' + $numSub + ' .glyphicons-icon').toggleClass('rotate_down_sub');
- // Toggle the 2nd Sub Nav
- $('.toggle-' + $num + ' .toggle_sub-' + $numSub).fadeToggle(200);
- });
- });
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement