.toggle по центру чтоб раскрывался
Ребят всем привет.
Подскажите как сделать чтобы текст он не слева появлялся при раскрытии а по центру.
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
function showClose(id) {
$('.div_' + id).toggle(
function() {
if ($(this).is(':visible'))
$('#a_'+id).html('Спрятать');
else
$('#a_'+id).html('Показать');
}
);
}
</script>
</head>
<body>
<div style="text-align:center">
<a href="#" id="a_07" onclick="showClose('07'); return false;">Спрятать</a>
<div class="div_07">Текст текст текст текст текст</div>
<br>
<a href="#" id="a_09" onclick="showClose('09'); return false;">Спрятать</a>
<div class="div_09">Текст2 текст2 текст2 текст2 текст2</div>
</div>
</body>
</html>
|
Ramzes94,
function showClose(id) {
$('#a_' + id).html($('.div_' + id).toggle().is(':visible') ? 'Спрятать' : 'Показать');
}
забыть бы 1.5.1 ... |
Рони :)
А также плавно можно сделать чтобы раскрывался список |
Цитата:
http://javascript.ru/forum/misc/5902...tml#post392937 |
Отлично и это тоже для отзывов подойдет:)
Рони, а с этим не вариант плавное открытие сделать? |
Цитата:
Цитата:
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function showClose(id) {
$('.div_' + id).stop(true,true).slideToggle(800, function() {
$('#a_'+id).html($(this).is(':visible') ? 'Спрятать':'Показать');
})
}
</script>
</head>
<body>
<div style="text-align:center">
<a href="#" id="a_07" onclick="showClose('07'); return false;">Спрятать</a>
<div class="div_07">Текст текст текст текст текст</div>
<br>
<a href="#" id="a_09" onclick="showClose('09'); return false;">Спрятать</a>
<div class="div_09">Текст2 текст2 текст2 текст2 текст2</div>
</div>
</body>
</html>
|
Вот это то что надо :) Спасибо Рони респект тебе:thanks:
|
| Часовой пояс GMT +3, время: 18:52. |