Показать сообщение отдельно
  #3 (permalink)  
Старый 12.02.2016, 15:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Pobedill,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    .accordion{
      margin: 1500px auto  ;

    }
   .accordion_target{
     display: none;
   }
   :target{
     display:  block;
   }
   [type="checkbox"]:checked + .accordion_target{
      display:  block;
   }

  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
   $(function(){

   })
  </script>
</head>

<body>
<a href="#jacor">Якорь</a>
<ul class="accordion">
    <li class="accordion_item">
        <label class="accordion_trigger" for="toggle-05">Заголовок панели 1</label>
        <input type="checkbox" class="accordion_toggle" id="toggle-05" />
        <div class="accordion_target" id="jacor">
            <p>
               Сделать якорь, например, на эту информацию.
            </p>
        </div>
    </li>
    <li class="accordion_item">
        <label class="accordion_trigger" for="toggle-06">Заголовок панели 2</label>
        <input type="checkbox" class="accordion_toggle" id="toggle-06" />
        <div class="accordion_target">
            <p>
               Здесь размещаете любое содержание...
            </p>
        </div>
    </li>
</ul>

</body>

</html>
Ответить с цитированием