UMIhelp

Разработка сайта на UMI.CMS => JS и AJAX => Тема начата: john от 14 Апреля 2012, 18:46:46

Название: According menu Using jQuery
Отправлено: john от 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>

Название: Re:According menu Using jQuery
Отправлено: BaceH от 17 Апреля 2012, 23:46:54

CSS меню не раскрывает, этим занимается JS. во вторых в коде у вас вложенная меню (которая должна показаться на активном меню) отсутствует, то есть вам необходимо получить список активного меню.