From eb0c4caf1eaced83357d144f44b02290c60d6f61 Mon Sep 17 00:00:00 2001
From: mjgood91 <mjgood91@gmail.com>
Date: Wed, 22 Mar 2017 16:06:11 -0400
Subject: [PATCH 1/5] began work on child menus. This is still kinda buggy, but
 it's a start

---
 jquery.dropdown.js | 59 +++++++++++++++++++++++++++++++---------------
 1 file changed, 40 insertions(+), 19 deletions(-)

diff --git a/jquery.dropdown.js b/jquery.dropdown.js
index f83f239..11a3953 100644
--- a/jquery.dropdown.js
+++ b/jquery.dropdown.js
@@ -36,8 +36,7 @@ if (jQuery) (function ($) {
     function show(event, object) {
 
         var trigger = event ? $(this) : object,
-            jqDropdown = $(trigger.attr('data-jq-dropdown')),
-            isOpen = trigger.hasClass('jq-dropdown-open');
+            jqDropdown = $(trigger.attr('data-jq-dropdown'));
 
         // In some cases we don't want to show it
         if (event) {
@@ -48,9 +47,24 @@ if (jQuery) (function ($) {
         } else {
             if (trigger !== object.target && $(object.target).hasClass('jq-dropdown-ignore')) return;
         }
-        hide();
+        
+        // Mark parent jq-dropdown-open classes to be kept
+        var elementsKeep = $(event.target).parents();
+        var doHide = true;
+        for (var i = 0; i < elementsKeep.length; i++) {
+            if ($(elementsKeep[i]).hasClass('jq-dropdown-menu')) {
+                console.log("keep! " + elementsKeep[i]);
+                $(elementsKeep[i]).addClass('jq-dropdown-keep-open');
+                $(elementsKeep[i].parentNode).addClass('jq-dropdown-keep-open');
+                doHide = false;
+            } else {
+                elementsKeep.splice(i,1);
+                i--;
+            }
+        }
+        if (doHide) hide();
 
-        if (isOpen || trigger.hasClass('jq-dropdown-disabled')) return;
+        if (trigger.hasClass('jq-dropdown-disabled')) return;
 
         // Show it
         trigger.addClass('jq-dropdown-open');
@@ -74,6 +88,7 @@ if (jQuery) (function ($) {
 
         // In some cases we don't hide them
         var targetGroup = event ? $(event.target).parents().addBack() : null;
+        var hideOtherPanels = true;
 
         // Are we clicking anywhere in a jq-dropdown?
         if (targetGroup && targetGroup.is('.jq-dropdown')) {
@@ -81,6 +96,7 @@ if (jQuery) (function ($) {
             if (targetGroup.is('.jq-dropdown-menu')) {
                 // Did we click on an option? If so close it.
                 if (!targetGroup.is('A')) return;
+                hideOtherPanels = false;
             } else {
                 // Nope, it's a panel. Leave it open.
                 return;
@@ -92,24 +108,29 @@ if (jQuery) (function ($) {
 
         $(document).find('.jq-dropdown:visible').each(function () {
             var jqDropdown = $(this);
-            jqDropdown
-                .hide()
-                .removeData('jq-dropdown-trigger')
-                .trigger('hide', { jqDropdown: jqDropdown });
-        });
-
-        if(!hideEvent.isDefaultPrevented()) {
-            // Hide any jq-dropdown that may be showing
-            $(document).find('.jq-dropdown:visible').each(function () {
-                var jqDropdown = $(this);
+            if (jqDropdown.hasClass('jq-dropdown-keep-open')) {
+                jqDropdown.removeClass('jq-dropdown-keep-open');
+            } else {
                 jqDropdown
-                    .hide()
-                    .removeData('jq-dropdown-trigger')
+                    .hide();
+                    .removeData('jq-dropdown-trigger');
                     .trigger('hide', { jqDropdown: jqDropdown });
-            });
+            }
+        });
 
-            // Remove all jq-dropdown-open classes
-            $(document).find('.jq-dropdown-open').removeClass('jq-dropdown-open');
+        if(!hideEvent.isDefaultPrevented()) {            
+            // Remove all jq-dropdown-open classes not marked
+            if (hideOtherPanels) {
+                var elementsRemove = $(document).find('.jq-dropdown-open');
+                for (var i = 0; i < elementsRemove.length; i++) {
+                    console.log(elementsRemove[i]);
+                    if ($(elementsRemove[i]).hasClass('jq-dropdown-keep-open')) {
+                        $(elementsRemove[i]).removeClass('jq-dropdown-keep-open');
+                    } else {
+                        $(elementsRemove[i]).removeClass('jq-dropdown-open');
+                    }
+                }
+            }
         }
     }
 

From 723857371814327d246b4ed66d4858b4fe6c545d Mon Sep 17 00:00:00 2001
From: = <michael@DreamMachine.home>
Date: Sun, 26 Mar 2017 23:28:53 -0400
Subject: [PATCH 2/5] changed child dropdowns to number-based instead of
 keep-open types

---
 index.html         | 36 ++++++++++++++++++-
 jquery.dropdown.js | 87 ++++++++++++++++++++++++++++------------------
 2 files changed, 88 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 6bd6b04..ea6c799 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <link type="text/css" rel="stylesheet" href="jquery.dropdown.min.css" />
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
-    <script type="text/javascript" src="jquery.dropdown.min.js"></script>
+    <script type="text/javascript" src="jquery.dropdown.js"></script>
     <style type="text/css">
 
         /* This CSS is for the demo page only */
@@ -106,6 +106,10 @@ <h2>Backstory</h2>
         Wanna see what they look like?  <span class="example" data-jq-dropdown="#jq-dropdown-1">Try it!</span>
         Wanna contribute to this project?  <a href="https://github.com/claviska/jquery-dropdown">It’s on GitHub</a>
     </p>
+    <p>
+        Test multi menus:
+        <p class="example" data-jq-dropdown="#jq-dropdown-multiA">Click Me</p>
+    </p>
 
     <h2>Usage</h2>
     <p>
@@ -268,6 +272,36 @@ <h2>Q&amp;A</h2>
 
 
     <!-- Remember to put your jq-dropdown menus before your ending BODY tag -->
+    <div id="jq-dropdown-multiA" class="jq-dropdown jq-dropdown-tip">
+        <ul class="jq-dropdown-menu">
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 1</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 2</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 3</p></li>
+            <li class="jq-dropdown-divider"></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 4</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 5</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 6</p></li>
+        </ul>
+    </div>
+    
+    <div id="jq-dropdown-multiB" class="jq-dropdown jq-dropdown-tip">
+        <ul class="jq-dropdown-menu">
+            <li><a href="#1">Item 1</a>Item A</li>
+            <li><a href="#2">Item 2</a>Item B</li>
+            <li><a href="#3">Item 3</a>Item C</li>
+        </ul>
+    </div>
+    
+    <div id="jq-dropdown-multiC" class="jq-dropdown jq-dropdown-tip">
+        <ul class="jq-dropdown-menu">
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">D</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">E</p></li>
+            <li><p data-jq-dropdown="#jq-dropdown-multiB">F</p></li>
+        </ul>
+    </div>
+
+
+    
     <div id="jq-dropdown-1" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
             <li><a href="#1">Item 1</a></li>
diff --git a/jquery.dropdown.js b/jquery.dropdown.js
index 11a3953..630f8cc 100644
--- a/jquery.dropdown.js
+++ b/jquery.dropdown.js
@@ -49,26 +49,38 @@ if (jQuery) (function ($) {
         }
         
         // Mark parent jq-dropdown-open classes to be kept
-        var elementsKeep = $(event.target).parents();
-        var doHide = true;
-        for (var i = 0; i < elementsKeep.length; i++) {
-            if ($(elementsKeep[i]).hasClass('jq-dropdown-menu')) {
-                console.log("keep! " + elementsKeep[i]);
-                $(elementsKeep[i]).addClass('jq-dropdown-keep-open');
-                $(elementsKeep[i].parentNode).addClass('jq-dropdown-keep-open');
-                doHide = false;
-            } else {
+        var dropdownParents = $(event.target).parents();
+        var maxParent = 0;
+        for (var i = 0; i < dropdownParents.length; i++) {
+            var check = $(dropdownParents[i]).attr('jq-dropdown-menu-order')
+            if (check != null && parseInt(check) > maxParent) {
+                maxParent = parseInt(check);
+            }
+        }
+        
+        // hide all the menus that are a child of the parent
+        var hideEvent = jQuery.Event('hide', {'childrenMenusOf' : maxParent });
+        jQuery('body').trigger(hideEvent);
+        
+         /*else {
                 elementsKeep.splice(i,1);
                 i--;
             }
-        }
-        if (doHide) hide();
+        console.log("keep! " + dropdownParents[i]);
+                $(elementsKeep[i]).addClass('jq-dropdown-keep-open');
+                $(elementsKeep[i].parentNode).addClass('jq-dropdown-keep-open');
+                doHide = false;*/
+        
+        hide(hideEvent);
 
         if (trigger.hasClass('jq-dropdown-disabled')) return;
 
         // Show it
         trigger.addClass('jq-dropdown-open');
+        trigger.addClass('jq-dropdown-open');
+        trigger.attr('jq-dropdown-menu-order', (maxParent + 1));
         jqDropdown
+            .attr('jq-dropdown-menu-order', (maxParent + 1))
             .data('jq-dropdown-trigger', trigger)
             .show();
 
@@ -81,14 +93,16 @@ if (jQuery) (function ($) {
                 jqDropdown: jqDropdown,
                 trigger: trigger
             });
-
     }
 
     function hide(event) {
 
         // In some cases we don't hide them
         var targetGroup = event ? $(event.target).parents().addBack() : null;
-        var hideOtherPanels = true;
+        var parentMenu = null;
+        if (event.hasOwnProperty('childrenMenusOf')) {
+            parentMenu = event.childrenMenusOf;
+        }
 
         // Are we clicking anywhere in a jq-dropdown?
         if (targetGroup && targetGroup.is('.jq-dropdown')) {
@@ -96,7 +110,6 @@ if (jQuery) (function ($) {
             if (targetGroup.is('.jq-dropdown-menu')) {
                 // Did we click on an option? If so close it.
                 if (!targetGroup.is('A')) return;
-                hideOtherPanels = false;
             } else {
                 // Nope, it's a panel. Leave it open.
                 return;
@@ -104,33 +117,39 @@ if (jQuery) (function ($) {
         }
 
         // Trigger the event early, so that it might be prevented on the visible popups
-        var hideEvent = jQuery.Event("hide");
+        var hideEvent = jQuery.Event("hide", {'childrenMenusOf' : parentMenu });
 
         $(document).find('.jq-dropdown:visible').each(function () {
             var jqDropdown = $(this);
-            if (jqDropdown.hasClass('jq-dropdown-keep-open')) {
-                jqDropdown.removeClass('jq-dropdown-keep-open');
-            } else {
+            if (parentMenu == null || parseInt(jqDropdown.attr('jq-dropdown-menu-order')) > parentMenu) {
                 jqDropdown
-                    .hide();
-                    .removeData('jq-dropdown-trigger');
-                    .trigger('hide', { jqDropdown: jqDropdown });
+                    .hide()
+                    .removeData('jq-dropdown-trigger')
+                    .trigger('hide', { jqDropdown: jqDropdown, 'childrenMenusOf': parentMenu });
             }
         });
 
-        if(!hideEvent.isDefaultPrevented()) {            
-            // Remove all jq-dropdown-open classes not marked
-            if (hideOtherPanels) {
-                var elementsRemove = $(document).find('.jq-dropdown-open');
-                for (var i = 0; i < elementsRemove.length; i++) {
-                    console.log(elementsRemove[i]);
-                    if ($(elementsRemove[i]).hasClass('jq-dropdown-keep-open')) {
-                        $(elementsRemove[i]).removeClass('jq-dropdown-keep-open');
-                    } else {
-                        $(elementsRemove[i]).removeClass('jq-dropdown-open');
-                    }
+        if(!hideEvent.isDefaultPrevented()) {
+            // Hide any jq-dropdown that may be showing
+            $(document).find('.jq-dropdown:visible').each(function () {
+                var jqDropdown = $(this);
+                if (parentMenu == null || parseInt(jqDropdown.attr('jq-dropdown-menu-order')) > parentMenu) {
+                    jqDropdown
+                        .hide()
+                        .removeData('jq-dropdown-trigger')
+                        .trigger('hide', { jqDropdown: jqDropdown, 'childrenMenusOf': parentMenu });
                 }
-            }
+            });
+            
+            // Remove all jq-dropdown-open classes and jq-dropdown-menu-order attributes
+            $(document).find('.jq-dropdown-open').each(function () {
+                var jqTrigger = $(this);
+                if (parentMenu == null || parseInt(jqTrigger.attr('jq-dropdown-menu-order')) > parentMenu) {
+                    jqTrigger
+                        .removeAttr('jq-dropdown-menu-order')
+                        .removeClass('jq-dropdown-open');
+                }
+            });
         }
     }
 
@@ -165,4 +184,4 @@ if (jQuery) (function ($) {
     $(document).on('click.jq-dropdown', hide);
     $(window).on('resize', position);
 
-})(jQuery);
\ No newline at end of file
+})(jQuery);

From 9d7d2086d086623611dd86580a67a37f3bb1b84c Mon Sep 17 00:00:00 2001
From: = <michael@DreamMachine.home>
Date: Tue, 28 Mar 2017 23:54:58 -0400
Subject: [PATCH 3/5] Made the position function re-position the correct menu

---
 jquery.dropdown.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/jquery.dropdown.js b/jquery.dropdown.js
index 630f8cc..01f22ae 100644
--- a/jquery.dropdown.js
+++ b/jquery.dropdown.js
@@ -85,7 +85,7 @@ if (jQuery) (function ($) {
             .show();
 
         // Position it
-        position();
+        position((maxParent + 1));
 
         // Trigger the show callback
         jqDropdown
@@ -153,9 +153,8 @@ if (jQuery) (function ($) {
         }
     }
 
-    function position() {
-
-        var jqDropdown = $('.jq-dropdown:visible').eq(0),
+    function position(childMenu) {
+        var jqDropdown = $("[jq-dropdown-menu-order=" + childMenu + "]").filter(".jq-dropdown"),
             trigger = jqDropdown.data('jq-dropdown-trigger'),
             hOffset = trigger ? parseInt(trigger.attr('data-horizontal-offset') || 0, 10) : null,
             vOffset = trigger ? parseInt(trigger.attr('data-vertical-offset') || 0, 10) : null;
@@ -164,6 +163,7 @@ if (jQuery) (function ($) {
 
         // Position the jq-dropdown relative-to-parent...
         if (jqDropdown.hasClass('jq-dropdown-relative')) {
+            console.log("DEF");
             jqDropdown.css({
                 left: jqDropdown.hasClass('jq-dropdown-anchor-right') ?
                     trigger.position().left - (jqDropdown.outerWidth(true) - trigger.outerWidth(true)) - parseInt(trigger.css('margin-right'), 10) + hOffset :
@@ -172,6 +172,8 @@ if (jQuery) (function ($) {
             });
         } else {
             // ...or relative to document
+            console.log("ABC");
+            console.log(jqDropdown);
             jqDropdown.css({
                 left: jqDropdown.hasClass('jq-dropdown-anchor-right') ?
                     trigger.offset().left - (jqDropdown.outerWidth() - trigger.outerWidth()) + hOffset : trigger.offset().left + hOffset,

From f449c18afdc252dc12b31997948ae91ad4735c0f Mon Sep 17 00:00:00 2001
From: = <mjgood91@gmail.com>
Date: Wed, 29 Mar 2017 23:23:27 -0400
Subject: [PATCH 4/5] Fixed a bug where the menu order wasn't getting reset
 when the menu was closed. Improved the example

---
 index.html         | 31 +++++++++++++++----------------
 jquery.dropdown.js |  1 +
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index ea6c799..4f940d1 100644
--- a/index.html
+++ b/index.html
@@ -274,33 +274,32 @@ <h2>Q&amp;A</h2>
     <!-- Remember to put your jq-dropdown menus before your ending BODY tag -->
     <div id="jq-dropdown-multiA" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 1</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 2</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">Item 3</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 1</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 2</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 3</p></li>
             <li class="jq-dropdown-divider"></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 4</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 5</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiC">Item 6</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 4</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 5</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 6</p></li>
         </ul>
     </div>
     
-    <div id="jq-dropdown-multiB" class="jq-dropdown jq-dropdown-tip">
+    <div id="jq-dropdown-multiC" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
-            <li><a href="#1">Item 1</a>Item A</li>
-            <li><a href="#2">Item 2</a>Item B</li>
-            <li><a href="#3">Item 3</a>Item C</li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">D</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">E</p></li>
+            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">F</p></li>
         </ul>
     </div>
-    
-    <div id="jq-dropdown-multiC" class="jq-dropdown jq-dropdown-tip">
+
+    <div id="jq-dropdown-multiB" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">D</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">E</p></li>
-            <li><p data-jq-dropdown="#jq-dropdown-multiB">F</p></li>
+            <li><a href="#1">Item 1</a></li>
+            <li><a href="#2">Item 2</a></li>
+            <li><a href="#3">Item 3</a></li>
         </ul>
     </div>
 
-
     
     <div id="jq-dropdown-1" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
diff --git a/jquery.dropdown.js b/jquery.dropdown.js
index 01f22ae..8ac6b88 100644
--- a/jquery.dropdown.js
+++ b/jquery.dropdown.js
@@ -125,6 +125,7 @@ if (jQuery) (function ($) {
                 jqDropdown
                     .hide()
                     .removeData('jq-dropdown-trigger')
+					.removeAttr('jq-dropdown-menu-order')
                     .trigger('hide', { jqDropdown: jqDropdown, 'childrenMenusOf': parentMenu });
             }
         });

From c1a956ef458dca1d403fb6a11759ba15625b9326 Mon Sep 17 00:00:00 2001
From: mjgood91 <mjgood91@gmail.com>
Date: Thu, 30 Mar 2017 11:40:09 -0400
Subject: [PATCH 5/5] Added option to keep a parent dropdown menu open if a
 child submenu option was selected. Updated examples and the minimized code.
 Removed debug code.

---
 index.html             | 71 +++++++++++++++++++++++++++++++-----------
 jquery.dropdown.js     | 22 ++++++-------
 jquery.dropdown.min.js |  2 +-
 3 files changed, 62 insertions(+), 33 deletions(-)
 mode change 100644 => 100755 index.html
 mode change 100644 => 100755 jquery.dropdown.js

diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index 4f940d1..a7ab7e6
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <link type="text/css" rel="stylesheet" href="jquery.dropdown.min.css" />
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
-    <script type="text/javascript" src="jquery.dropdown.js"></script>
+    <script type="text/javascript" src="jquery.dropdown.min.js"></script>
     <style type="text/css">
 
         /* This CSS is for the demo page only */
@@ -106,10 +106,6 @@ <h2>Backstory</h2>
         Wanna see what they look like?  <span class="example" data-jq-dropdown="#jq-dropdown-1">Try it!</span>
         Wanna contribute to this project?  <a href="https://github.com/claviska/jquery-dropdown">It’s on GitHub</a>
     </p>
-    <p>
-        Test multi menus:
-        <p class="example" data-jq-dropdown="#jq-dropdown-multiA">Click Me</p>
-    </p>
 
     <h2>Usage</h2>
     <p>
@@ -186,6 +182,13 @@ <h3>Panels</h3>
     <p>
         Dropdowns can have regular HTML, too. <span class="example" data-jq-dropdown="#jq-dropdown-6">Example</span>
     </p>
+	<h3>Submenus</h3>
+	<p>
+		You can add submenus to your dropdowns: <span class="example" data-jq-dropdown="#jq-dropdown-multiA">Click Me</span>
+    </p>
+	<p>
+		Dropdowns can be set up to stay open if an item from a submenu is selected: <span class="example" data-jq-dropdown="#jq-dropdown-multiD">Click Me</span>
+    </p>
 
     <h3>Special Classes</h3>
     <ul>
@@ -194,8 +197,9 @@ <h3>Special Classes</h3>
         <li>To add a tip to the jq-dropdown, add the <code>jq-dropdown-tip</code> class to the jq-dropdown element</li>
         <li>To make the jq-dropdown anchor to the right, add the <code>jq-dropdown-anchor-right</code> class: <span class="example" data-jq-dropdown="#jq-dropdown-4">Example</span></li>
         <li>To position a jq-dropdown relative to its parent (as opposed to the document), add the <code>jq-dropdown-relative</code> class to the jq-dropdown container</li>
+		<li>To have a dropdown menu stay open when a child submenu option is selected, add the <code>jq-dropdown-keep-parent-menu</code> class to the parent jq-dropdown container</li>
     </ul>
-
+	
     <h2>API</h2>
     <p>
         You probably won’t need these, but they’re there just in case:
@@ -243,8 +247,8 @@ <h2>Q&amp;A</h2>
         </li>
         <li>
             <strong>Do they support submenus?</strong><br />
-            No, and they aren’t intended to. That would add a significant amount of complexity to the plugin and is really
-            outside the scope of this project.
+            Yes, <a href="https://github.com/mjgood/jquery-dropdown/tree/child-menus-mjgood">mjgood</a>'s branch adds some
+			support for them.
         </li>
         <li>
             <strong>Can I get rid of the tips?</strong><br />
@@ -274,31 +278,60 @@ <h2>Q&amp;A</h2>
     <!-- Remember to put your jq-dropdown menus before your ending BODY tag -->
     <div id="jq-dropdown-multiA" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 1</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 2</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">Item 3</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">Item 1</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">Item 2</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">Item 3</p></li>
             <li class="jq-dropdown-divider"></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 4</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 5</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiC">Item 6</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiB">Item 4</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiB">Item 5</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiB">Item 6</p></li>
         </ul>
     </div>
     
-    <div id="jq-dropdown-multiC" class="jq-dropdown jq-dropdown-tip">
+    <div id="jq-dropdown-multiB" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">D</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">E</p></li>
-            <li><p class="example" data-jq-dropdown="#jq-dropdown-multiB">F</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">D</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">E</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiC">F</p></li>
         </ul>
     </div>
 
-    <div id="jq-dropdown-multiB" class="jq-dropdown jq-dropdown-tip">
+    <div id="jq-dropdown-multiC" class="jq-dropdown jq-dropdown-tip">
         <ul class="jq-dropdown-menu">
             <li><a href="#1">Item 1</a></li>
             <li><a href="#2">Item 2</a></li>
             <li><a href="#3">Item 3</a></li>
         </ul>
     </div>
+	
+	<div id="jq-dropdown-multiD" class="jq-dropdown jq-dropdown-tip jq-dropdown-keep-parent-menu">
+        <ul class="jq-dropdown-menu">
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiE">Item 1</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiF">Item 2</p></li>
+            <li><p class="example" style="margin-left:20px;" data-jq-dropdown="#jq-dropdown-multiG">Item 3</p></li>
+        </ul>
+		<div id="jq-dropdown-multiE" class="jq-dropdown jq-dropdown-tip jq-dropdown-relative">
+			<ul class="jq-dropdown-menu">
+				<li><a href="#1">Item 1</a></li>
+				<li><a href="#2">Item 2</a></li>
+				<li><a href="#3">Item 3</a></li>
+			</ul>
+		</div>
+		<div id="jq-dropdown-multiF" class="jq-dropdown jq-dropdown-tip jq-dropdown-relative">
+			<ul class="jq-dropdown-menu">
+				<li><a href="#1">Item 1</a></li>
+				<li><a href="#2">Item 2</a></li>
+				<li><a href="#3">Item 3</a></li>
+			</ul>
+		</div>
+		<div id="jq-dropdown-multiG" class="jq-dropdown jq-dropdown-tip jq-dropdown-relative">
+			<ul class="jq-dropdown-menu">
+				<li><a href="#1">Item 1</a></li>
+				<li><a href="#2">Item 2</a></li>
+				<li><a href="#3">Item 3</a></li>
+			</ul>
+		</div>
+    </div>
 
     
     <div id="jq-dropdown-1" class="jq-dropdown jq-dropdown-tip">
diff --git a/jquery.dropdown.js b/jquery.dropdown.js
old mode 100644
new mode 100755
index 8ac6b88..0dd8155
--- a/jquery.dropdown.js
+++ b/jquery.dropdown.js
@@ -62,15 +62,6 @@ if (jQuery) (function ($) {
         var hideEvent = jQuery.Event('hide', {'childrenMenusOf' : maxParent });
         jQuery('body').trigger(hideEvent);
         
-         /*else {
-                elementsKeep.splice(i,1);
-                i--;
-            }
-        console.log("keep! " + dropdownParents[i]);
-                $(elementsKeep[i]).addClass('jq-dropdown-keep-open');
-                $(elementsKeep[i].parentNode).addClass('jq-dropdown-keep-open');
-                doHide = false;*/
-        
         hide(hideEvent);
 
         if (trigger.hasClass('jq-dropdown-disabled')) return;
@@ -115,6 +106,14 @@ if (jQuery) (function ($) {
                 return;
             }
         }
+        
+        // If the dropdown is a child of another dropdown and the parent dropdown is marked to stay open
+        if (parentMenu == null) {
+            var parentToKeep = targetGroup.filter('.jq-dropdown-keep-parent-menu');
+            if (parentToKeep[0] != null) {
+                parentMenu = parseInt($(parentToKeep[0]).attr('jq-dropdown-menu-order'));
+            }
+        }
 
         // Trigger the event early, so that it might be prevented on the visible popups
         var hideEvent = jQuery.Event("hide", {'childrenMenusOf' : parentMenu });
@@ -125,7 +124,7 @@ if (jQuery) (function ($) {
                 jqDropdown
                     .hide()
                     .removeData('jq-dropdown-trigger')
-					.removeAttr('jq-dropdown-menu-order')
+               .removeAttr('jq-dropdown-menu-order')
                     .trigger('hide', { jqDropdown: jqDropdown, 'childrenMenusOf': parentMenu });
             }
         });
@@ -164,7 +163,6 @@ if (jQuery) (function ($) {
 
         // Position the jq-dropdown relative-to-parent...
         if (jqDropdown.hasClass('jq-dropdown-relative')) {
-            console.log("DEF");
             jqDropdown.css({
                 left: jqDropdown.hasClass('jq-dropdown-anchor-right') ?
                     trigger.position().left - (jqDropdown.outerWidth(true) - trigger.outerWidth(true)) - parseInt(trigger.css('margin-right'), 10) + hOffset :
@@ -173,8 +171,6 @@ if (jQuery) (function ($) {
             });
         } else {
             // ...or relative to document
-            console.log("ABC");
-            console.log(jqDropdown);
             jqDropdown.css({
                 left: jqDropdown.hasClass('jq-dropdown-anchor-right') ?
                     trigger.offset().left - (jqDropdown.outerWidth() - trigger.outerWidth()) + hOffset : trigger.offset().left + hOffset,
diff --git a/jquery.dropdown.min.js b/jquery.dropdown.min.js
index 23694b0..a9a5a21 100644
--- a/jquery.dropdown.min.js
+++ b/jquery.dropdown.min.js
@@ -6,4 +6,4 @@
  * @license: MIT license: http://opensource.org/licenses/MIT
  *
  */
-jQuery&&function($){function t(t,e){var d=t?$(this):e,n=$(d.attr("data-jq-dropdown")),a=d.hasClass("jq-dropdown-open");if(t){if($(t.target).hasClass("jq-dropdown-ignore"))return;t.preventDefault(),t.stopPropagation()}else if(d!==e.target&&$(e.target).hasClass("jq-dropdown-ignore"))return;o(),a||d.hasClass("jq-dropdown-disabled")||(d.addClass("jq-dropdown-open"),n.data("jq-dropdown-trigger",d).show(),r(),n.trigger("show",{jqDropdown:n,trigger:d}))}function o(t){var o=t?$(t.target).parents().addBack():null;if(o&&o.is(".jq-dropdown")){if(!o.is(".jq-dropdown-menu"))return;if(!o.is("A"))return}var r=jQuery.Event("hide");$(document).find(".jq-dropdown:visible").each(function(){var t=$(this);t.hide().removeData("jq-dropdown-trigger").trigger("hide",{jqDropdown:t})}),r.isDefaultPrevented()||($(document).find(".jq-dropdown:visible").each(function(){var t=$(this);t.hide().removeData("jq-dropdown-trigger").trigger("hide",{jqDropdown:t})}),$(document).find(".jq-dropdown-open").removeClass("jq-dropdown-open"))}function r(){var t=$(".jq-dropdown:visible").eq(0),o=t.data("jq-dropdown-trigger"),r=o?parseInt(o.attr("data-horizontal-offset")||0,10):null,e=o?parseInt(o.attr("data-vertical-offset")||0,10):null;0!==t.length&&o&&(t.hasClass("jq-dropdown-relative")?t.css({left:t.hasClass("jq-dropdown-anchor-right")?o.position().left-(t.outerWidth(!0)-o.outerWidth(!0))-parseInt(o.css("margin-right"),10)+r:o.position().left+parseInt(o.css("margin-left"),10)+r,top:o.position().top+o.outerHeight(!0)-parseInt(o.css("margin-top"),10)+e}):t.css({left:t.hasClass("jq-dropdown-anchor-right")?o.offset().left-(t.outerWidth()-o.outerWidth())+r:o.offset().left+r,top:o.offset().top+o.outerHeight()+e}))}$.extend($.fn,{jqDropdown:function(r,e){switch(r){case"show":return t(null,$(this)),$(this);case"hide":return o(),$(this);case"attach":return $(this).attr("data-jq-dropdown",e);case"detach":return o(),$(this).removeAttr("data-jq-dropdown");case"disable":return $(this).addClass("jq-dropdown-disabled");case"enable":return o(),$(this).removeClass("jq-dropdown-disabled")}}}),$(document).on("click.jq-dropdown","[data-jq-dropdown]",t),$(document).on("click.jq-dropdown",o),$(window).on("resize",r)}(jQuery);
\ No newline at end of file
+jQuery&&function(a){function b(b,e){var f=b?a(this):e,g=a(f.attr("data-jq-dropdown"));if(b){if(a(b.target).hasClass("jq-dropdown-ignore"))return;b.preventDefault(),b.stopPropagation()}else if(f!==e.target&&a(e.target).hasClass("jq-dropdown-ignore"))return;for(var h=a(b.target).parents(),i=0,j=0;j<h.length;j++){var k=a(h[j]).attr("jq-dropdown-menu-order");null!=k&&parseInt(k)>i&&(i=parseInt(k))}var l=jQuery.Event("hide",{childrenMenusOf:i});jQuery("body").trigger(l),c(l),f.hasClass("jq-dropdown-disabled")||(f.addClass("jq-dropdown-open"),f.addClass("jq-dropdown-open"),f.attr("jq-dropdown-menu-order",i+1),g.attr("jq-dropdown-menu-order",i+1).data("jq-dropdown-trigger",f).show(),d(i+1),g.trigger("show",{jqDropdown:g,trigger:f}))}function c(b){var c=b?a(b.target).parents().addBack():null,d=null;if(b.hasOwnProperty("childrenMenusOf")&&(d=b.childrenMenusOf),c&&c.is(".jq-dropdown")){if(!c.is(".jq-dropdown-menu"))return;if(!c.is("A"))return}if(null==d){var e=c.filter(".jq-dropdown-keep-parent-menu");null!=e[0]&&(d=parseInt(a(e[0]).attr("jq-dropdown-menu-order")))}var f=jQuery.Event("hide",{childrenMenusOf:d});a(document).find(".jq-dropdown:visible").each(function(){var b=a(this);(null==d||parseInt(b.attr("jq-dropdown-menu-order"))>d)&&b.hide().removeData("jq-dropdown-trigger").removeAttr("jq-dropdown-menu-order").trigger("hide",{jqDropdown:b,childrenMenusOf:d})}),f.isDefaultPrevented()||(a(document).find(".jq-dropdown:visible").each(function(){var b=a(this);(null==d||parseInt(b.attr("jq-dropdown-menu-order"))>d)&&b.hide().removeData("jq-dropdown-trigger").trigger("hide",{jqDropdown:b,childrenMenusOf:d})}),a(document).find(".jq-dropdown-open").each(function(){var b=a(this);(null==d||parseInt(b.attr("jq-dropdown-menu-order"))>d)&&b.removeAttr("jq-dropdown-menu-order").removeClass("jq-dropdown-open")}))}function d(b){var c=a("[jq-dropdown-menu-order="+b+"]").filter(".jq-dropdown"),d=c.data("jq-dropdown-trigger"),e=d?parseInt(d.attr("data-horizontal-offset")||0,10):null,f=d?parseInt(d.attr("data-vertical-offset")||0,10):null;0!==c.length&&d&&(c.hasClass("jq-dropdown-relative")?c.css({left:c.hasClass("jq-dropdown-anchor-right")?d.position().left-(c.outerWidth(!0)-d.outerWidth(!0))-parseInt(d.css("margin-right"),10)+e:d.position().left+parseInt(d.css("margin-left"),10)+e,top:d.position().top+d.outerHeight(!0)-parseInt(d.css("margin-top"),10)+f}):c.css({left:c.hasClass("jq-dropdown-anchor-right")?d.offset().left-(c.outerWidth()-d.outerWidth())+e:d.offset().left+e,top:d.offset().top+d.outerHeight()+f}))}a.extend(a.fn,{jqDropdown:function(d,e){switch(d){case"show":return b(null,a(this)),a(this);case"hide":return c(),a(this);case"attach":return a(this).attr("data-jq-dropdown",e);case"detach":return c(),a(this).removeAttr("data-jq-dropdown");case"disable":return a(this).addClass("jq-dropdown-disabled");case"enable":return c(),a(this).removeClass("jq-dropdown-disabled")}}}),a(document).on("click.jq-dropdown","[data-jq-dropdown]",b),a(document).on("click.jq-dropdown",c),a(window).on("resize",d)}(jQuery);
\ No newline at end of file