bootstrap 3, collapse button in

Question

I'm trying to create a collapsed menu, but the menu should open by clicking on the arrow.

arrow in tag a, how to stop following a link, if click on the arrow?

<ul id="menu_0" class="nav nav-stacked">
<li><a href="http://example.org">item<span class="pull-right"><i class="glyphicon glyphicon-chevron-left" type="button" data-parent="#menu_0" data-toggle="collapse" data-target="#menu_submenu_1"></i></span></a>
    <ul id="menu_submenu_1" class="nav nav-stacked collapse">
        <li><a href="http://example.org">subitem 1</a></li>
        <li><a href="http://example.org">subitem 2</a></li>
        <li><a href="http://example.org">subitem 3</a></li>
        <li><a href="http://example.org">subitem 4</a></li>
    </ul>
</li>
</ul>

i trying this, but no effects

$(function() {
    $('#menu_0 .pull-right').click(function(event){ event.stopPropagation();});
});

try event.preventDefault(); – Bhojendra Rauniyar Mar 19 '14 at 10:53 — Bhojendra Rauniyar, Mar 19 '14 at 10:53
as per your comment I've placed my answer. – Bhojendra Rauniyar Mar 19 '14 at 11:04 — Bhojendra Rauniyar, Mar 19 '14 at 11:04

score 1 · Accepted Answer · edited May 23 '17 at 12:11

1

Use event.preventDefault()

$(function() {
    $('#menu_0 .pull-right').click(function(event){ event.preventDefault();});
});

difference between preventDefault and stopPropagation

edited May 23 '17 at 12:11

Community

1
1

answered Mar 19 '14 at 11:04

Bhojendra Rauniyar

83,432
35
168
231

bootstrap 3, collapse button in

1 Answers1