|
Сообщение от ТвердолобыйЛамер
|
я все таки пришел к желаемому результату. Сделал фильтр для потомков класса .
.filter(':not(.selected_li > )')
|
Обычно используют такой подход
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#script_menu > li > ul {
display: none;
}
#script_menu > li.on > ul {
display: block;
}
</style>
<script type='text/javascript'>
$(function(){
$('#script_menu > li > a').click(function(){
$('#script_menu > li.on')
.removeClass('on')
.children('ul').hide();
$(this).parent()
.addClass('on')
.children('ul').show();
return false;
});
});
</script>
</head>
<body>
<ul id="script_menu">
<li>
<a class="selected" href="">Department1</a>
<ul>
<li>
<a href="">Centrales</a>
</li>
<li>
<a href="">Klaviaturos centralems</a>
</li>
<li>
<a href="">Sirenos</a>
</li>
</ul>
</li>
<li>
<a class="" href="">Department2</a>
<ul>
<li>
<a href="">Konvencines sistemos</a>
</li>
<li>
<a href="">Adresines sistemos</a>
</li>
<li>
<a href="">Autonomines sistemos</a>
</li>
</ul>
</li>
<li>
<a class="selected_a" href="">Department3</a>
<ul>
<li>
<a href="">IP Kameros</a>
</li>
<li>
<a href="">TURBO Kameros</a>
</li>
<li>
<a href="">HD Kameros</a>
</li>
</ul>
</li>
<li class="on">
<a class="" href="">Department4</a>
<ul>
<li>
<a href="">12V AC/DC</a>
</li>
<li>
<a href="">24V AC/DC</a>
</li>
<li>
<a href="">220V AC</a>
</li>
</ul>
</li>
</ul>
</body>
</html>