Показать сообщение отдельно
  #1 (permalink)  
Старый 02.12.2016, 07:12
Новичок на форуме
Отправить личное сообщение для folkemon Посмотреть профиль Найти все сообщения от folkemon
 
Регистрация: 02.08.2016
Сообщений: 7

скрытие и показ блоков
Доброго времени
Помогите решить проблему с показом блоков. На странице есть несколько скрытых блоков с одним ID которые открываются все разом при нажатии на ссылку. как можно реализовать так что бы при клике открывался только один блок, а не все сразу и при нажатии на другую ссылку открывался другой блок, а другой спрятался. мой код выглядит так
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

  <script type='text/javascript'> 
    $(document).ready(function() { 
      $("A#trigger").toggle(function() { 
        $("DIV#box").fadeIn();
        return false; 
      },  
      function() { 
        $("DIV#box").fadeOut();
        return false; 
      }); 
    }); 
  </script>

<body> 
  <a href='#' id='trigger'>Программа "Диагноcтика одного дня1"</a> 
  <div id='box' style='display: none; margin:10px;'>тест тест</div>
  <a href='#' id='trigger'>Программа "Диагноcтика одного дня2"</a> 
  <div id='box' style='display: none; margin:10px;'>тест2 тест2</div>
</body>
Ответить с цитированием