clicking on the link not opening the menu

Question

I am trying to open the menu items on clicking on click here link.
My fiddle link is as below link

link is here
This link should work like toggle on clicking. Please help with this enter code here

You saw the big, red warning about posting a [mcve] **in your question** when linking to jsFiddle, yet you thought that it didn't apply to you and you'd just try and get around it by highlighting meaningless text as code. Please do as you were asked. — j08691, Jul 17 '16 at 17:40
please check now, link is updated, tried using toggle call is going to click function but menu not expanding !!! — siva shanker, Jul 17 '16 at 17:41
@ Rajaprabhu Aravindasamy issue is resolved , i have seen u have removed 'filter-panel2' class. what is causing the problem — siva shanker, Jul 17 '16 at 17:52

score 0 · Accepted Answer · edited May 23 '17 at 11:51

You can't use two or multiple ID(s) on one html element(tag)..why you can not do this read on this link

so finally your code:

<div class="cart_clas" >
 <div id="showAll">

   <a href="#">Click here</a>
        </div>
   <!-- menu !-->
  <div class="filter-panel1" id="menu_rewards" style="display:none; ">

  <div class="row" style="float:right;">
  <div class="Shop_by">Shop by Categories</div>
  <div class="hotel_menu">Deals & Offers</div>
    <div class="hotel_menu">Mobile, Tablets & Accessories</div>
    <div class="hotel_menu">Laptops & Peripherals</div>
    <div class="hotel_menu">Men Fashion</div>
    <div class="hotel_menu">Women Fashion</div>
    <div class="hotel_menu">Home Decor & Kitchen</div>
    <div class="hotel_menu">Personal & Health Devices</div>
    <div class="hotel_menu">Home And Kitchen Appliances</div>
    <div class="hotel_menu">Tv & Entertainment Devices</div>
    <div class="hotel_menu">Camera, Dslrs & Accessories</div>
    <div class="hotel_menu">Coupons & Discounts</div>
    <div class="hotel_menu">Baby & Kids</div>
    <div class="hotel_menu">Beauty & Health</div>
    <div class="hotel_menu">Stationery & Office Supplies</div>
    <div class="hotel_menu">Sports & Fitness</div>
    <div class="hotel_menu">Car & Bike Accessories</div>
    <div class="hotel_menu">Gifts & Hobbies </div>
  </div>      
 </div>
   <!-- menu !-->
</div>

and Jquery:

$(function() {
 $('#showAll').click(function(){  //Adds click event listener  
    $('#menu_rewards').show(); // Toggles visibility.
  });
});

you are using two `id` on one element here '
'
– webdevanuj Jul 17 '16 at 18:00 — webdevanuj, Jul 17 '16 at 18:00
i can use 2 unque names in single id right like
– siva shanker Jul 17 '16 at 18:08 — siva shanker, Jul 17 '16 at 18:08

clicking on the link not opening the menu

1 Answers1