на сайте
http://nz-ua.com/ в разделе Услуги есть выпадающее меню. при нажатии на стрелку оно раскрывается, а при переходе на новую страницу, опять закрывается. Как зафиксировать положение меню или как сделать, чтобы оно по умолчанию было открыто, а не закрыто?
вот скрипт в html-странице:
<script type="text/javascript">
$(document).ready(function() {
$(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-248px"
}, 500 );
$("#topMenuImage").html('<img src="design/images/open.png" alt="" />');
$("#openCloseIdentifier").show();
} else {
$("#slider").animate({
marginTop: "0px"
}, 500 );
$("#topMenuImage").html('<img src="design/images/close.png" alt="" />');
$("#openCloseIdentifier").hide();
}
});
});
</script>
Вот css код меню:
Код:
|
#sliderWrap {
width: 242px;
}
#slider {
position: absolute;
background-image:url(linkList2.png);
background-repeat:no-repeat;
background-position: bottom;
width: 242px;
height: 279px;
margin-top: -249px;
}
#slider img {
border: 0;
}
#sliderContent {
position: absolute;
text-align:left;
}
#openCloseWrap {
position:absolute;
margin: 248px 0 0 0px;
font-size:12px;
font-weight:bold;
} |
Вот ссылка на сам скрипт:
http://nz-ua.com/design/scripts/jquery-1.2.6.min.js
Правда там код не красиво оформлен