<div class="plashka">
<span class="nomber_quest">01</span>
<h1>Download this app</h1>
<div class="quest_share">
<p>5</p>
<span>shares</span>
</div>
<div class="slide_text">Visite our facebook
Why? For the glory of SATANE of course!
Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor Visite our facebook
Why? For the glory of SATANE of course!
Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor Visite our facebook
Why? For the glory of SATANE of course!
Workers everywhere should have the right to safe and ethical working conditions. They should also have access to educational oppor</div>
</div><!--plashka-->
$(document).ready(function() {
var n = 1;
var h = $('.slide_text').outerHeight() + 10;
$('.slide_text').height(20);
$('.plashka').click(function () {
n ^= 1
n ? $('.slide_text').animate({height: 20}, 1000, function () {$(this).toggleClass('')}) :
$('.slide_text').animate({height: h}, 1000, function () {$(this).toggleClass('')})
})
});
вот переделал от изначального... На сайте таких плашек куча... Нажимая на одной, раскрываются все все абзацы внутри. Как сделать так, чтоб раскрывался только тот абзац, который находится в диве ко которому был произведен клик? Ну и стиль собственно применялся именно к этому диву... В предыдущем скрипте разъезжался див, а нужно чтоб абзац раскрывался и толкал обвертку....
|