Спойлер только на CSS с кнопкой в другом Div

Тема в разделе "Верстка", создана пользователем silmarion, 20 дек 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Доброго всем времени суток, очень нужно сделать CSS спойлер, нашел много всего, но не подходит только по одной причине, нужно чтобы спойлер был в 1 диве, а кнопка находилась совсем в другом месте.

    Единственное что более-менее нашел
    Код:
    <style>   
    .show,
    .hide {border-bottom: 1px dashed;cursor: pointer;}
    .hide,.content {  display: none;}
    .spoiler_controler {  display: none;}
    .spoiler_controler:checked + label .show {  display: none;}
    .spoiler_controler:checked + label .hide {  display: inline;}
    .spoiler_controler:checked ~ .content {  display: block;}
    </style>
    <div>
      <input id="inp" class="spoiler_controler" type="checkbox">
      <label for="inp">
      <span class="show">Показать</span>
      <span class="hide">Скрыть</span>
      </label>
      <div class="content">
      Варкалось. Хливкие шорьки<br>
      Пырялись по наве,<br>
      И хрюкотали зелюки,<br>
      Как мюмзики в мове.
      </div>
    </div>
    
    Но все равно не совсем то что нужно
     
  2. ZOLK

    ZOLK

    Регистр.:
    13 сен 2011
    Сообщения:
    189
    Симпатии:
    107
    Лови:
    1. http://jsfiddle.net/Kalashnikov/ZbxfW/
    2. http://jsfiddle.net/ERAFY/x8FQJ/1/
     
  3. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Я эти видел, это не совсем то, так то работает, но стоит кнопки вынести в соседний див и всё

    Тем более оказывается мне еще нужно 2 кнопки для одного блока с содержимым
    При нажатии на 1 - 1 контент, при нажатии на 2 - 2 контент

    Может не спойлер, а подгрузка внешних данных в див по клику мне подойдет?
     
  4. Teth

    Teth Писатель

    Регистр.:
    22 янв 2015
    Сообщения:
    1
    Симпатии:
    0