ドロップダウン - クリックして閉じるのを防ぐ

Question

$(".dropdown").on('click',function() { 
     $('ul li a').toggle(''); 
}); 

$('.dropdown > ul li a').click(function(e) { 
     e.stopPropagation(); 
}); 

ドロップダウンリストからリンクをクリックすると、コンテンツがロードされ、ドロップダウンリンクが閉じられます。

しかし、私はクリック後にドロップダウンでリンクを見たいと思っています。

   <ul id="main-menu" class="main-menu"> 
        <li><a href="..."></a></li> 
        <li><a href="..."></a></li> 
        <li><a href="..."></a></li> 
        <li class="dropdown"> 
         <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         <i class="fa fa-newspaper-o"></i> 
         <span class="title">News</span></a> 

         <ul id="main-menu" class="sub-menu main-menu"> 
          <li> 
           <a href="<?= site_url('admin/news') ?>"> 
           <i class="fa fa-newspaper-o"></i> 
           <span class="title">News</span> 
           </a>  
          </li> 
         </ul> 
        </li> 
       </ul> 

Answer 1

$(".dropdown, .dropdown-toggle").on('click', function (e) { 
    e.preventDefault() 
    $('ul li a').toggle(''); 
}); 

$('.dropdown > ul li a').click(function (e) { 
    e.stopPropagation(); 
});