[Fedul]

Здравствуйте.
помогите решить делему
есть меню

<ul class="menu-sidebar">
   <li class="level-1">
      <i class="icon-plus"></i>
      <a class="level-1" href="/.../..."></a>
      <ul class="level-2 active">
         <li class="level-2"></li>
         <li class="level-2"></li>
      </ul>
   </li>
   <li class="level-1">
      <i class="icon-plus"></i>
      <a class="level-1" href="/.../..."></a>
      <ul class="level-2 active">
         <li class="level-2"></li>
         <li class="level-2"></li>
      </ul>
   </li><li class="level-1">
      <i class="icon-plus"></i>
      <a class="level-1" href="/.../..."></a>
      <ul class="level-2 active">
         <li class="level-2"></li>
         <li class="level-2"></li>
      </ul>
   </li>
</ul>

необходимо что бы при нажатии именно на icon-plus происходило раскрытие списка, начал было делать так

jQuery(document).ready(function($){
    $(".menu-sidebar ul.level-2:first").addClass("active");
    $(".menu-sidebar ul.level-2:not(:first)").hide();
	
    $(".menu-sidebar .level-1 i").on("click", function() {
        $(this).slideToggle("slow")
        .siblings(".menu-sidebar ul.level-2:visible").slideUp("slow");
     });
});

но ни как не получается обратиться к элементу ul.level-2 именно нужного родителя