jquery - 切り替えられたアイテムをクリックしても、TwitterBoostrapドロップダウンメニューは開いたままになります

Question

切り替えられたアイテムをクリックしている間、ドロップダウンメニューを開いたままにしようとしました。ドロップダウンメニューを開いたままにしておくことに成功しましたが、切り替えたアイテムが正しく機能しません。初めてトグルアイテムをクリックすると、想定どおりに動作しますが、2回目にクリックすると、ドロップダウンメニューを閉じるまでトグルしません。誰かが私にこれについていくつかの指示を与えることができますか？

HTML:
<div class="span2">
  <div class="dropdown sort_main">
    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Sort by: </a>
    <span>Rating</span>
    <ul class="dropdown-menu sort" role="menu" aria-labelledby="dLabel">
       <li><a id="ratings" href="#">Option1</a></li>
       <li><a id="timezone" href="#">>Option2</a></li>
       <li><a id="level" href="#">>Option3</a></li>
    </ul>
  </div>
</div>

<script>        
$("a#ratings").click(function(){
  $(this).toggleClass("option_selected");  //it will not remove this class until i close menu and open it again
});

$('.dropdown-menu a#ratings').click(function(e) {
  e.stopPropagation();
});
</script>