Отображение div при активном пункте меню

[RK3DNP]

Добрый день есть меню:

Главая Каталог Контакты

 

И меню:

Категория1

   Товар1

   Товар11

Категория2

   Товар2

   Товар2

 

На главной странице в нижнем меню отображаются только Категория1 и Категори2. При нажатии из этих категорий становятся отображаемые в меню товары только для заданной категории.

Как можно сделать через CSS чтобы еще при активном пункте Главная, так же отображался товар у Категории1 ?

Не могу сообразить как связать два разных div.

<li class="item-101 current active"><a href="/" >Главная</a></li><div class="jbcategory-link"> <a href="/Категория1" >  Категория1</a> </div><div class="jbcategory-items">            <div class="item-wrapper-desc">                            <div class="item-title"> <a title="Товар1" href="товар1">Товар1</a> </div>            </div>                           <div class="item-wrapper-desc">                            <div class="item-title"> <a title="Товар2" href="товар2">Товар2</a> </div>            </div></div></div>

Отображение в css сейчас у меня

.category-wrapper.category-active > div.jbcategory-items {display:block !important;}

[RK3DNP]

Решилось таким образом:

<?phpif (JURI::current() == JURI::base()) $this->addStyleDeclaration('	    #jbmodule-default-93 > div:nth-child(1) > div.jbcategory-items {display:block !important;}  ');?>

[vano1208]

Попробуйте при наведении на блок менять его высоту.

.menu-item-class {  height: 50px;   overflow: hidden;}.menu-item-class:hover {  height: 150px; }

Соответственно, ваши "Категори 1" и "Категория 2" должны быть блоками с классом "menu-item-class" и в блоках уже вставлять пункты подменю.

[RK3DNP]

Не совсем так. Имеется два меню, верхнее и левое. Нужно чтобы при активном пункте верхнего меню, у левого меню див принимал значение display:block

С памощью java можно написать я думаю, а может можно еще с помощью css указать как-то?

Edited August 5, 2015 by RK3DNP

[vano1208]

Есть селектор "+", но он действует только на соседствующие элементы. Вроде бы нельзя...

[wwt]

Есть селектор "+", но он действует только на соседствующие элементы. Вроде бы нельзя...

есть селектор "~"  http://jsfiddle.net/ogptyqxw/