Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отобразить див (https://javascript.ru/forum/dom-window/57466-otobrazit-div.html)

RK3DNP 05.08.2015 09:30

Отобразить див
 
Добрый день, я только начинаю изучать и столкнулся с проблемой:
Имеется два меню, верхнее и левое. Нужно чтобы при активном пункте верхнего меню, у левого меню див принимал значение display:block
<li class="item-101 current active"> - только при этом значении
<div class="jbcategory-items"> - этому сделать display:block

А вот как в java это описать, не могу сообразить.

Deff 05.08.2015 10:38

RK3DNP,
Выложите полную разметку или поясните, <div class="jbcategory-items"> идёт сразу за <li class="item-101 current active"> ?
Нужна разметка с общим родителем, если есть, если нет, то скорее всего скриптом, хотя и в первом Варианте возможно на одном сss не удастся
jQuery на странице есть в наличии ?

RK3DNP 05.08.2015 11:27

Наверно проще будет показать на странице сайта, вот тут
http://toilet.ru/katalog/tualetnye-kabiny/
в левом меню отображается список туалетных кабин. Он отображается, так как активный у него пункт меню туалетные кабины. Тоже самое надо сделать отображение и на главной странице, там уже пункт главная получается активный, а туалетные кабине не активный, поэтому список их скрыт, а надо отобразить.
jQuery есть на странице. Общего родитель как бы везде есть, к примеру body, ну и чуть глубже есть. Но в целом, это 2 разных меню не связанных с собой.

EmperioAf 05.08.2015 12:31

когда у вас пункт главная - активный, у вас отдельная страница
http://toilet.ru
ну так поставьте для этой страницы в стилях
<div class="jbcategory-items"> - этому сделать display:block

RK3DNP 05.08.2015 13:17

Это можно было бы сделать, если
<li class="item-101 current active">
был родителем
<div class="jbcategory-items">

Либо как указать это в css ?

RK3DNP 05.08.2015 14:43

Вот, удалось решить

<?php

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


Часовой пояс GMT +3, время: 18:51.