Курс 2016 года “Разработка на UMI.CMS от 0 до готового сайта”
jQuery slideshow - как правильно прикрутить (tpl)

Автор regulaРаздел JS и AJAX

Ответов: 11
Просмотров: 6193
Последний ответ 05 Марта 2013, 10:23:04
от admin
Подгрузка цены с помощью JQuery

Автор albionРаздел JS и AJAX

Ответов: 7
Просмотров: 3733
Последний ответ 08 Июля 2015, 15:06:02
от admin
Обновление юми и проблемы с jQuery

Автор ArmorРаздел Настройка системы и модулей

Ответов: 2
Просмотров: 3075
Последний ответ 21 Октября 2011, 00:25:27
от Armor
JQUERY UMI КАРУСЕЛЬ

Автор alexРаздел JS и AJAX

Ответов: 11
Просмотров: 13139
Последний ответ 02 Ноября 2011, 11:49:07
от admin
jQuery код не работает

Автор diii3Раздел Шаблоны XSLT

Ответов: 4
Просмотров: 3401
Последний ответ 18 Марта 2012, 14:56:33
от diii3

0 Пользователей и 1 Гость просматривают эту тему.

*

john

  • ***
  • 207
  • +6/-0
    • Просмотр профиля
According menu Using jQuery
« : 14 Апреля 2012, 18:46:46 »
Есть простая менюшка, как правильно указать в CSS, чтобы активный блок был раскрыт. Я в ссылке указал class="act" но он все равно закрытым оказывается

 <style type="text/css">
body {
margin: 10px auto;
font: 75%/120% Verdana,Arial, Helvetica, sans-serif;
}
.menu_list {
width: 150px;
}
.menu_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
margin:1px;
    font-weight:bold;
    background: #eef4d3 url(left.png) center right no-repeat;
}
.menu_body {
display:none;
}
.menu_body a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover{
  color: #000000;
  text-decoration:underline;
  }
[b]div.menu_body a.act{
display:block;[/b]
  }
</style>

<div style="float:left" >
  <div id="firstpane" class="menu_list">
<p class="menu_head">Header-1</p>
<div class="menu_body">
<a href="#">Link-1</a>
         <a href="#">Link-2</a>
         <a href="#" class="act">Link-3</a>
</div>
<p class="menu_head">Header-2</p>
<div class="menu_body">
<a href="#">Link-1</a>
         <a href="#">Link-2</a>
         <a href="#">Link-3</a>
</div>
<p class="menu_head">Header-3</p>
<div class="menu_body">
          <a href="#">Link-1</a>
         <a href="#">Link-2</a>
         <a href="#">Link-3</a>
       </div>
  </div>
</div>

*

BaceH

  • ***
  • 141
  • +21/-0
    • Просмотр профиля
Re:According menu Using jQuery
« Ответ #1 : 17 Апреля 2012, 23:46:54 »
CSS меню не раскрывает, этим занимается JS. во вторых в коде у вас вложенная меню (которая должна показаться на активном меню) отсутствует, то есть вам необходимо получить список активного меню.