<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div>
<ul id="menu-group-1" class="na">
<li class="item-1 deeper parent action">
<a class="" href="#">
<span data-toggle="collapse" data-parent="#menu-group-1" href="#sub-item-1" class="sign">
English Premier League <i class="caret"></i></span>
</a>
<ul class="children nav-child unstyled small collapse" id="sub-item-1">
<li>
<a class="" href="#">
<span href="mfixture?" class="sign"></span>
<span class="lbl">Fixtures</span>
</a>
</li>
<li>
<a class="" href="#">
<span href="mfixture?" class="sign"></span>
<span class="lbl">Fixtures</span>
</a>
</li>
</ul>
</li>
</ul>
</div>
!function ($) {
// Le left-menu sign
/* for older jquery version
$('#left ul.nav li.parent > a > span.sign').click(function () {
$(this).find('i:first').toggleClass("icon-minus");
}); */
$(document).on("click","#left ul.nav li.parent > a > span.sign", function(){
$(this).find('i:first').toggleClass("icon-minus");
});
// Open Le current menu
$("#left ul.nav li.parent.action > a > span.sign").find('i:first').addClass("icon-minus");
$("#left ul.nav li.current").parents('ul.children').addClass("in");
}(window.jQuery);
