33

0
+33

Есть необходимость визуально убрать дочерние под категории.

К примеру на демо-сайте на главной есть корневая категория медицина а под ней под категории стоматология и травмпункты. Если корневых категорий много и у каждой еще куча под категорий то смотрится не очень. Как сделать так чтобы ссылки стоматология и травмпункты не отображались, а была только медицина. И только при нажатии на категорию выводились подкатегории.

spec253, 22.02.2011, 22:28
Статус идеи: выполнено

Комментарии

вообще менюшка неудобная... закрывает пол карты... сделать бы ее над или под картой в виде спойлера...
Пилигрим, 24.10.2011, 10:34
В inmaps.css находите код:

ul.maps_cat_list{
list-style:none;
margin:0px;
padding:0px;
overflow:hidden;
padding:15px 0;
}

ul.maps_cat_list li.maps_cat_item{
line-height:32px;
padding-left:40px;
float:left;
font-size:18px;
margin-left:0px;
margin-right:20px;
margin-bottom:1px;
width:230px;
}

ul.maps_cat_list li.maps_cat_item .subcats{
font-size:12px;
line-height:20px;
}


Заменяете на следующий код:

ul.maps_cat_list{
list-style:none;
margin:0px;
padding:0px;
overflow:hidden;
padding:15px 0;
}

ul.maps_cat_list li.maps_cat_item{
line-height:32px;
padding-left:40px;
float:left;
font-size:18px;
margin:0px 20px 7px 0px;
width:230px;
}

ul.maps_cat_list li.maps_cat_item .subcats{
font-size:12px;
line-height:20px;
display:none;
}
ul.maps_cat_list li:hover.maps_cat_item .subcats{
display:inherit;
position:absolute;
margin-top:-30px;
margin-left:100px;
background:#f9f9f9;
border:1px #eee solid;
padding:10px;
width:250px;
z-index:1000;
}


На оформление особо время не тратил, но принцип думаю поймете и подправите под себя. Пример реализации: http://slavyansk-nk.ru/maps

Оставить комментарий