maximzhurkin / jquery-stack-menu

The plugin make simply navigation menu from unordered list

• 👋 Hi, I’m @maximzhurkin
• 👀 I’m interested in ...
• 🌱 I’m currently learning ...
• 💞️ I’m looking to collaborate on ...
• 📫 How to reach me ...

jquery-stack-menu's Issues

Destory option?

Hey, would it be possible to add a destroy option? It'd be nice to use this script only on certain screen sizes (so would be nice to have an easy way to inactivate it).

Bootstrap Dropdown Fork/Option

This is not an issue - I'm sharing how I got this to work with the Bootstrap dropdown :)

<div class="btn-group pull-right"> <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"> Actions <span class="caret"></span> </button> <nav class="dropdown-menu pull-right stack-menu" role="menu"> <ul> <li><a href="#">Parent</a> <ul> <li><a href="#">Child 1</a></li> <li><a href="#">Child 2</a></li> <li><a href="#">Child 3</a></li> </ul> </li> <li><a href="#">No Children</a></li> <li><a href="#">Parent 2</a> <ul> <li><a href="#">Child Again</a></li> <li><a href="#">Kid</a></li> <li><a href="#">Kinder</a></li> </ul> </li> </ul> </nav>

To instantiate this, I did the following:

`<style>
.stack-menu__link{
padding: 8px 10px;
}

    .stack-menu__link:hover{
        text-decoration: none;
    }
    
    .stack-menu__link--back{
        background-position: center left 10px;
    }
    .stack-menu__link.stack-menu__link--back:before{
        content: 'Back';
        padding-left: 15px;
        font-size: 12px;
        color: #999;
        text-transform: uppercase;
    }
</style>

<script>
    $(document).ready(function() {
        $('.stack-menu').stackMenu();

        $('.stack-menu__link').click(function (e) {
            e.stopPropagation();
        })
    });
</script>`

I will look at a Bootstrap 4 version soon.