вопрос по fadeIn fadeOut
пособытию
<img src="img/astart.png" onClick="startMenu()"> функцией function startMenu () {
$("#startMenu").fadeIn(300);
}
открывается слой, Вопрос, как сделать чтоб он закрывался(fadeOut) щелчком по тому же обьекту, т.е. img src="img/start.png" желательно в jQuery же. |
function startMenu () {
var a = $("#startMenu");
a[ a.is(':hidden') ? 'fadeIn' : 'fadeOut' ](300);
}
|
можно и так, Спасибо, если есть еще варианты пишите, жду
|
Чем мой код не нравится?
|
почему не нравится, нравится! и работает хорошо, просто интересно рассмотреть варианы, если они есть конечно. )))
|
Вариантов больше нет, в любом случае надо проверять видимость элемента и в зависимости от неё запускать fadeIn/fadeOut.
|
Функция предложенная exec сработает идеально и всегда верно так как проверяет текущее состояние объекта. Как альтернатива можно применить
событие toggle. $("#img").toggle(function()
{
$(this).fadeIn(3000);
},function()
{
$(this).fadeOut(3000);
});
|
или так :
$('#img_click').click(function (){
$('#startMenu').slideToggle(300);
});
<img id="img_click" src="img/astart.png" height="100" width="100" alt="не забывавем про размеры и альт"> |
BatteryLow, это "сворачивание" элемента, а ТС нужно "растворение".
|
Хочу тоже вклинится в пост и тоже спросить по теме ))
есть <img src="iconka.png" onclick="openPhoto()"> и есть див <div id="myid" style="display:none"> ну вобщем тупо квадрат</div> теперь вопрос: Как мне открыть див с помощью fadeIn ну и потом закрыть этот див. function openPhoto (){
$('#myid').css("display","block").fadeIn(500);
}
Так не выходит(( |
| Часовой пояс GMT +3, время: 04:10. |