Need help in menu items

-- url of the page with the problem -- : mywebsite.com/mypage
-- HikaShop version -- : 2.2.1
-- Joomla version -- : 3.0
-- PHP version -- : 5.3.27
-- Browser(s) name and version -- : FireFox 23.0.1


Hi Can you help me on this

This is my Categories Item listing menu

well actually i do want to display the sub categories but only when the main category is being clicked then it will drop down the menu and show the sub categories in it

What you want is exactly what nicolas said.

well i have done it but what i see as the result is not what i want.

i want those main categories to be open like drop down they gets open before like shown in pictures.
i just want them to be like others like category "Men" and "Women" that anyone click on category "Men" it will be open like Computer otherwise it will be closed like "Men"

let me explain it in details and with pictures so it can be helped to understand what i want


i want the Categories menu to be like this by default

Hi,

You can probably do that with some css, by adding a display none property on the sub elements.
Then when clicking on the sub category it will override the display none to display the content.

well...
how to do that and where ?

hi this is the Css i added earlier to style the menu, it was in the tutorial of MyShop theme for Hikashop. kindly suggest me where to add the display none property on the sub elements.

/* ---- CATEGORIES MENU ---------- */

.accordion {  }

.accordion-group { list-style-type: none; }

.accordion-heading a { display: block; }

.accordion-heading a.accordion-toggle { padding: 0; }

.accordion-heading { background-color: #f2f2f2; padding: 5px 0 5px 10px; }

.accordion-group a { text-decoration: none; }

ul.hikashop_category_list { list-style-type: inherit; margin-left: 5px; }

li.hikashop_category_list_item { float: none; padding: 2px 0; }

li.hikashop_category_list_item a {  }

.hikashop_category_list_item.current.active a { font-weight: bold; }

ul.unstyled li:first-child  { display: none; }

Hi,

You can add a property on:

.hikashop_subcategories .jpane-slider{
    display:none;
}