In my navbar there is a project submenu completed and ongoing both two are also a submenus containing abc project for completed submenu and ongoing submenu consist bcd project. when I click on completed its shows the abc project and when I click on ongoing its shows the bcd project but also redirect me to the page of bcd project .So the problem is I want bcd project page to appear only when I click on bcd project ‘a’ tag not on ongoing submenu click.it work fine for completed submenu. The flow should be I click on project menu then ongoing menu and then bcd project then clicking bcd project redirecting me to its page. but the flow here is project -> ongoing->redirecting to bcd project. On going menu also work when I first click on it , it doent redirect me but if I first open completed menu and then ongoing menu the problem is coming.
<li class="dropdown">
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">Projects</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu dropdown">
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"><span>Completed</span></a>
<ul class="dropdown-menu">
<li><a href="portfolio-single.html">ABC Project</a></li>
</ul>
</li>
<li class="dropdown-submenu dropdown">
<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"><span>Ongoing</span></a>
<ul class="dropdown-menu">
<li><a href="portfolio-2.html">BCD Project</a></li>
</ul>
</li>
</ul>
</li>