|
|
|
|
<div id="basketList">
<div class="title">
Оформляемые товары
<div class="button" title="Развернуть список товаров."></div>
</div>
<div class="content">Содержимое<br /> Содержимое 2</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#basketList > .title > .button').click(function(){
$('#basketList > .content').toggle('slow');
});
});
</script>
|
Прошу помощи. Как мне узнать, открыт в данный момент блок или нет и сохранить в переменную (0 или 1), чтобы далее использовать в скрипте... Спасибо. | |
|
|
|
|
|
|
|
для: frisst
(20.07.2011 в 23:45)
| | а проверить установлено ли в стилях свойство display?
if($('#basketList > .content').css('display') == 'none'){
//блок закрыт
}else{
//блок открыт
} | |
|
|
|
|
|
|
|
для: frisst
(20.07.2011 в 23:45)
| |
$(document).ready(function(){
$('#basketList > .title > .button').click(function(){
var isHidden = ! $('#basketList > .content').is(':hidden');
$('#basketList > .content').toggle('slow');
alert(isHidden);
});
});
| В данном случае можно проверять значение перед анимацией и менять на противоположное, т.к. в момент анимации независимо от того скрывается блок или отображается - он всегда будет отдавать информацию что он виден. И приведенный мной вариант будет бажить в случае многократного нажатия на переключатель. Так что вероятно лучшим (опять же зависит от контекста) вариантом будет дописать коллбэк к .toggle, что-то вроде
$('#basketList > .content').toggle('slow', function(){ alert($(this).is(':hidden')); });
|
| |
|
|
|