@karpos

Как на jQuery свернуть развернуть div?

Прошу прощения много статей в интернете на эту тему но никак не могу сообразить
<!DOCTYPE html>
<html>
<head>
    <link href="css/style.css" rel="stylesheet">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
</head>

<script type="text/javascript"> //разворачиваем/сворачиваем отзыв
$(document).ready(function(){
    $(".slideT").hide();
    $(".pointer").click(function () {
        $(this).children().slideToggle("slow")
       .siblings(".pointer > .slideT").slideUp("slow");
    });
})
</script>

    
<body>

<div class="pointer">
    Основные сведения
    <div class="slideT" style="display: block; overflow: hidden;">
        блок который нужно свернуть или развернуть
    </div>
</div>

    
<div class="pointer">
    Структура и органы управления образовательной организацией
    <div class="slideT" style="display: block; overflow: hidden;">
        блок который нужно свернуть или развернуть
    </div>
</div>
<div class="pointer">Документы</div>
<div class="pointer">Образование</div>
<div class="pointer">Образовательные стандарты</div>
    
</body>
</html>


я использую простой скрипт для сворачивания и разворачивания блоков div в нутри родителя но не как не могу сообразить что нужно сделать чтоб по клику он сначала сворачивал предыдущий блок а потом открывал новый.
  • Вопрос задан
  • 7751 просмотр
Решения вопроса 1
AngReload
@AngReload
Кратко о себе
$(document).ready(function(){
    $(".slideT").hide();
    $(".pointer").click(function () {
      // можно и иначе выбрать все другие блоки
      // вот так $(".pointer").not(this)
      $(this).siblings()
        .children()
        .slideUp("slow");
      $(this)
      	.children()
        .slideDown("slow");
    });
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы