Сообщение от рони
|
jsnb,
нажмите 111 второй раз или поместите дивы в конец длинной страницы ...
Вариант
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div class="view-source">
<a href="#">111</a>
<div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
<a href="#">222</a>
<div class="hide">Спрятанный текст</div>
</div>
<div class="view-source">
<a href="#">333</a>
<div class="hide">Спрятанный текст</div>
</div>
<script>
$(function(){
$('.view-source .hide').hide();
$a = $('.view-source a');
$a.on('click', function(event) {
event.preventDefault();
$a.not(this).next().slideUp(500);
$(this).next().slideToggle(500);
});
});
</script>
</body>
</html>
|
Подскажите, а если я хочу менять текст ссылки при разворачивании на свернуть, при сворачивании на развернуть - как нужно переписать JS?