Доброго времени суток Вам!
В этом вопросе новичок, простите если вопрос покажется глупым...
нужно изменить данный скрипт так, чтобы при открытии одного список, другой закрывался.
перерыл разные примеры, но так и не получилось
просто нужно вот именно этот код подправить:
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<style>
#spisok, #spisok ul
{
list-style-type: none;
margin: 0;
padding: 5px 0;
}
#spisok li
{
padding: 5px 0;
}
#spisok li li
{
padding: 5px 0 5px 14px;
}
#spisok li li:before
{
content: '- ';
}
</style>
</head>
<script>
$(document).ready(function(){
$('#spisok > li > ul')
.hide()
.click(function(e){
e.stopPropagation();
});
$('#spisok > li').toggle(function(){
$(this).find('ul').slideDown();
}, function(){
$(this).find('ul').slideUp();
});
});
</script>
<body>
<ul id="spisok">
<li><a href="#">1 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</li>
<li><a href="#">2 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
</li>
<li><a href="#">3 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
</ul>
</body>
</html>
Благодарю за внимание!!!