Открыть/закрыть блок через animate
Нужна помощь. По клику - открыть блок через animate, по повторному клику - закрыть его.
Не понимаю, как это правильно сделать
$(document).ready(function(){
$(".more").click(function(){
$(".text_hide").css({display:'block'}).animate({opacity:'1'}, 1000)
});
$(".more").click(function(){
$(".text_hide").css({display:'none'}).animate({opacity:'0'}, 500)
});
});
|
$(".more").click(function(){
$(".text_hide").toggle(1000);
});
|
Цитата:
|
Так понятно?
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.text_hide { padding: 10px; background-color: #eee; border: 1px solid red }
</style>
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
</head>
<body>
<button class="more">click</button>
<p class="text_hide">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam molestias sit, error tempore consequuntur quae velit ipsa ipsum recusandae molestiae exercitationem nisi ad doloribus quia, culpa incidunt veritatis laudantium non.</p>
<script>
$(".more").click(function(){
$(".text_hide").toggle(1000);
});
</script>
</body>
</html>
|
THX, все работает, но в стилях добавил
.text_hide { display:none; } т.к. при загрузке страницы текст виден, хотя в вашем примере этого нет. |
| Часовой пояс GMT +3, время: 19:12. |