Раскрытие меню при наведении

174
10 декабря 2016, 10:27

Подскажите почему не раскрывается подменю при наведении

$(".leftmenu > li").hover( 
  function(){ 
    var a = $(this).find("ul.sub_level"); 
    a.toggle(); 
    console.log(a); 
  })
    ul.sub_level li { 
        display: none; 
        list-style-type: none; 
        color: #714636; 
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script> 
<ul class="leftmenu"> 
	<li><a href="">Раздел 1</a> 
		<ul class="sub_level"> 
			<li><a href="/service/antimonopolnoe_regulirovanie.htm">Текст1</a></li> 
			<li><a href="/service/kommercheskoe_pravo.htm">Текст2</a></li> 
			<li><a href="/service/nalogooblozhenie.htm">Текст3</a></li> 
		</ul> 
	</li> 
	<li><a href="">Раздел 2</a> 
		<ul class="sub_level"> 
			<li><a href="/service/antimonopolnoe_regulirovanie.htm">Текст1</a></li> 
			<li><a href="/service/kommercheskoe_pravo.htm">Текст2</a></li> 
			<li><a href="/service/nalogooblozhenie.htm">Текст3</a></li> 
		</ul> 
	</li> 
</ul>

Answer 1

$(".leftmenu > li").hover( 
  function(){ 
    var a = $(this).find("ul.sub_level"); 
    a.toggle(); 
  })
.sub_level { 
        display: none; 
        list-style-type: none; 
        color: #714636; 
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul class="leftmenu"> 
	<li><a href="">Раздел 1</a> 
		<ul class="sub_level"> 
			<li><a href="/service/antimonopolnoe_regulirovanie.htm">Текст1</a></li> 
			<li><a href="/service/kommercheskoe_pravo.htm">Текст2</a></li> 
			<li><a href="/service/nalogooblozhenie.htm">Текст3</a></li> 
		</ul> 
	</li> 
	<li><a href="">Раздел 2</a> 
		<ul class="sub_level"> 
			<li><a href="/service/antimonopolnoe_regulirovanie.htm">Текст1</a></li> 
			<li><a href="/service/kommercheskoe_pravo.htm">Текст2</a></li> 
			<li><a href="/service/nalogooblozhenie.htm">Текст3</a></li> 
		</ul> 
	</li> 
</ul>

Answer 2

Посмотрите на jsfiddle Убрал li в вашем стиле и при наведении стал появляться список.

ul.sub_level {
    display: none;
    list-style-type: none;
    color: #714636;
}
READ ALSO
Валидация формы html

Валидация формы html

Можно средствами html css, сделать так чтобы в форму поля можно было ввести только такие данные?

287
Уведомления в браузере ( типа вк или другое)

Уведомления в браузере ( типа вк или другое)

Делаю новостной сайтПри добавлении новости осуществляется уведомление всем пользователям о новой новости

197
Глюк во втором списке при выборе первого

Глюк во втором списке при выборе первого

При выборе первого поля, меняется значения второгоНо при первом открытии страницы, во втором поле, должно быть по умолчанию только "Выберите...

174