Форум

Ramzes94 · #1 (**permalink**) 19.12.2015, 13:33

Ребят всем привет.
Подскажите как сделать чтобы текст он не слева появлялся при раскрытии а по центру.

<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>

рони · #2 (**permalink**) 19.12.2015, 13:52

Ramzes94,

function showClose(id) {
    $('#a_' + id).html($('.div_' + id).toggle().is(':visible') ? 'Спрятать' : 'Показать');

}

забыть бы 1.5.1 ...

Ramzes94 · #3 (**permalink**) 19.12.2015, 14:38

Рони

А также плавно можно сделать чтобы раскрывался список

рони · #4 (**permalink**) 19.12.2015, 15:06

Сообщение от Ramzes94

А также плавно можно сделать чтобы раскрывался список

мало вам открывашек на форуме ...
Toggle эффект блока с кнопкой "Читать дальше". С меня "+"

Ramzes94 · #5 (**permalink**) 19.12.2015, 16:39

Отлично и это тоже для отзывов подойдет

Рони, а с этим не вариант плавное открытие сделать?

рони · #6 (**permalink**) 19.12.2015, 17:29

Сообщение от Ramzes94

Рони, а с этим не вариант плавное открытие сделать?

Сообщение от Ramzes94

~~toggle~~

.slideToggle(800)

<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>

Ramzes94 · #7 (**permalink**) 19.12.2015, 17:43

Вот это то что надо

Спасибо Рони респект тебе

Форум

Справочник

Discord чат

Курсы javascript