Question

 <ul class="current">
   <li>
       <a href="#nogo"><b>Products</b>
         <div class="select_sub show">
             <ul class="sub">
              <li class="sub_show"><a href="#nogo">Add product</a></li>
             </ul>
         </div>
       </a>
  </li>
</ul>


<ul class="select">
   <li>
       <a href="#nogo"><b>Item</b>
         <div class="select_sub">
             <ul class="sub">
              <li><a href="#nogo">Add Item</a></li>
             </ul>
         </div>
       </a>
  </li>
</ul>

1.after click Item link i want to add class in current ul current class and remove form other
it’s working by this code

$("ul").click(function(e){

  e.preventDefault();

 $(this).addClass("current").siblings().removeClass("current").addClass("select");

});

I have problem with second point

1. When I click item link, I want add class select_sub show which div have class select_sub

I mean to say (if i click item link)

<ul class="select">
 <li>
   <a href="#nogo"><b>Products</b>
     <div class="select_sub">
         <ul class="sub">
          <li><a href="#nogo">Add product</a></li>
         </ul>
     </div>
   </a>
</li>
</ul>


<ul class="current">
 <li>
    <a href="#nogo"><b>Item</b>
      <div class="select_sub show">
         <ul class="sub">
          <li class="sub_show"><a href="#nogo">Add Item</a></li>
         </ul>
      </div>
   </a>
</li>
</ul>

Thanks in advance

Answer 1

If I understood your question correctly, then below should do the trick.

$("ul").click(function(e){    
    e.preventDefault();
    var $this = $(this);
    var $siblings = $(this).siblings();

    $this.addClass("current"); //probably need to add .removeClass('select')
    $this.find('.select_sub').addClass('show');

    $siblings.removeClass("current").addClass('select');
    $siblings.find('.select_sub').removeClass('show');


});