diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index 6bd6b04..a7ab7e6
--- a/index.html
+++ b/index.html
@@ -182,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>
@@ -190,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:
@@ -239,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 />
@@ -268,6 +276,64 @@ <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" 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" 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-multiB" class="jq-dropdown jq-dropdown-tip">
+        <ul class="jq-dropdown-menu">
+            <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-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">
         <ul class="jq-dropdown-menu">
             <li><a href="#1">Item 1</a></li>
diff --git a/jquery.dropdown.js b/jquery.dropdown.js
old mode 100644
new mode 100755
index f83f239..0dd8155
--- 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,18 +47,36 @@ 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 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);
+        
+        hide(hideEvent);
 
-        if (isOpen || trigger.hasClass('jq-dropdown-disabled')) return;
+        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();
 
         // Position it
-        position();
+        position((maxParent + 1));
 
         // Trigger the show callback
         jqDropdown
@@ -67,13 +84,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 parentMenu = null;
+        if (event.hasOwnProperty('childrenMenusOf')) {
+            parentMenu = event.childrenMenusOf;
+        }
 
         // Are we clicking anywhere in a jq-dropdown?
         if (targetGroup && targetGroup.is('.jq-dropdown')) {
@@ -86,36 +106,55 @@ 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");
+        var hideEvent = jQuery.Event("hide", {'childrenMenusOf' : parentMenu });
 
         $(document).find('.jq-dropdown:visible').each(function () {
             var jqDropdown = $(this);
-            jqDropdown
-                .hide()
-                .removeData('jq-dropdown-trigger')
-                .trigger('hide', { jqDropdown: jqDropdown });
+            if (parentMenu == null || parseInt(jqDropdown.attr('jq-dropdown-menu-order')) > parentMenu) {
+                jqDropdown
+                    .hide()
+                    .removeData('jq-dropdown-trigger')
+               .removeAttr('jq-dropdown-menu-order')
+                    .trigger('hide', { jqDropdown: jqDropdown, 'childrenMenusOf': parentMenu });
+            }
         });
 
         if(!hideEvent.isDefaultPrevented()) {
             // Hide any jq-dropdown that may be showing
             $(document).find('.jq-dropdown:visible').each(function () {
                 var jqDropdown = $(this);
-                jqDropdown
-                    .hide()
-                    .removeData('jq-dropdown-trigger')
-                    .trigger('hide', { jqDropdown: jqDropdown });
+                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');
+                }
             });
-
-            // Remove all jq-dropdown-open classes
-            $(document).find('.jq-dropdown-open').removeClass('jq-dropdown-open');
         }
     }
 
-    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;
@@ -144,4 +183,4 @@ if (jQuery) (function ($) {
     $(document).on('click.jq-dropdown', hide);
     $(window).on('resize', position);
 
-})(jQuery);
\ No newline at end of file
+})(jQuery);
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