Спойлер закрывается

@Ferzet · Регистрация: 28.06.2013

Author24 — интернет-сервис помощи студентам

Помогите, как исправить проблему закрывания спойлера при клике на него? Вот здесь живой пример http://jsfiddle.net/6detx2gL/ , после нажатия на "HTML код для блогов и страниц" ,появляется форма кода, но при нажатии на нее она снова сворачивается. Как сделать так чтобы не сворачивалось?

HTML5

<div class="testme_code">
<div class="tcode">
         <label>
       <input type="checkbox"/>
       <span class="btn">HTML-код для блогов и страниц:</span>
        <div class="text">
       <textarea><p>Текст<a href="ссылочка.ру">название</a></p>текст<p><a href="ссылочка.ру">Тута текст</a></p></textarea>
        </div>
             </label>
</div>
</div>

@killlfun · 24.08.2014, 15:50

Ferzet, вообще никак не закрывалась?(до перезагрузки страницы естественно)
Как то через чекбокс на чистом css вряд ли вы так сделаете.
Скорее всего нужно js заюзать, без чекбокса

@Ferzet · 24.08.2014, 15:53 **[ТС]**

killlfun, нет, нужно чтобы закрывалась только по клику на "HTML код для блогов и страниц". И что бы человек мог спокойно скопировать код, а получается наоборот ,что когда я навожу и кликаю, то форма сворачивается, а так не должно быть.

@killlfun · 24.08.2014, 16:13

Ferzet, ну к примеру так:

Javascript

$('.btn').on({
    'click': function() {
         var display = ($("textarea").css('display') === 'none')
            ? 'block'
            : 'none';
         $('textarea').css('display', display);
    }
});

jQuery же только подключи

@Ferzet · 24.08.2014, 16:41 **[ТС]**

Хочется все же без JS обойтись)

@vovandr · 24.08.2014, 16:44

У меня при клике на текстовое поле ничего не закрывается, mac os chrome 36. То есть можно скопировать текст. При клике же на "HTML код для блогов и страниц" спойлер закрывается.

@Ferzet · 24.08.2014, 16:53 **[ТС]**

vovandr, хм..странно, в firefox не работает, в хроме не пробовал.

@vovandr · 24.08.2014, 17:40

HTML5

<div class="testme_code">
  <div class="tcode">
         <label for="spoiler">
            <span class="btn">HTML-код для блогов и страниц:</span>
          </label>
        <input id="spoiler" type="checkbox"/>
        <div class="text">
       <textarea><p>Текст<a href="ссылочка.ру">название</a></p>текст<p><a href="ссылочка.ру">Тута текст</a></p></textarea>
        </div>      
  </div>
</div>

CSS

  .tcode {
    clear: both;
    padding-left: 10px;
}
label{
    display: block;
}
input{
    display: block;
}
 
.btn {
    display: inline-block;
    font-size: 12px;
    color: #000;
    font-family: Tahoma, sans-serif;
    cursor: pointer;
    margin-bottom:10px;
    margin-top:10px;
}
 
.tcode textarea {
    height: 50px;
    margin: 10px 10px 10px 0;
    width: 98%;
}
 
.testme_code{
 border:1px solid #000;   
 display: block;   
}
 
.testme_code input[type=checkbox] {
    display: none;
    position: relative;
    z-index: 1;
}
 
.text{
  position: relative;
  z-index: 1000;
}
 
.testme_code input[type=checkbox] ~ .text {
    display: none;
}
 
.testme_code input[type=checkbox]:checked ~ .text {
    display: block;
}

@Ferzet · 24.08.2014, 18:10 **[ТС]**

vovandr, все отлично. Спасибо!

@Vors · 07.10.2014, 15:55

Чтоб не "плодить" лишних новых тем
задам свой вопрос в этой
вот есть код

HTML5

<span  style="font-size: 19px;">«Воины Крови и Мечты»</span>&nbsp;&nbsp;<lj-spoiler title="(Антология)">
Роджер Желязны - Пролог
Джо Р, Лансдейл – «Мастер  палач»
Джеральд Хаусман – «Соколиный глаз»
Джоэл Ричардс – «Слушай»
Джек  Холдеман – «Сила воли»
</lj spoiler>

спойлер в принципе работает, но !
как сделать чтоб слово-заголовок спойлера
"Антология" после открытия не пропадало?
(скрины
до открытия
https://yadi.sk/i/1Tr8g-qWbrrZA
после
https://yadi.sk/i/VJxXyCPfbrrc8
)
а по прежнему было б видно

@Vors · 08.10.2014, 16:40

Ау!
Прием
помощь нужна!

@ludmila-sv · 08.10.2014, 18:21

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

Чтоб не "плодить" лишних новых тем

По правилам форума, вроде, лучше плодить.

Если это у Вас жж (судя по тэгу lj-spoiler), то - никак. Там у них так и задумано.

@Vors 11 / 11 / 2 Регистрация: 03.06.2014 Сообщений: 375
	08.10.2014, 16:40	11
	Ау! Прием помощь нужна! 0

@killlfun 102 / 102 / 39 Регистрация: 25.02.2014 Сообщений: 321
	24.08.2014, 15:50	2
	Ferzet, вообще никак не закрывалась?(до перезагрузки страницы естественно) Как то через чекбокс на чистом css вряд ли вы так сделаете. Скорее всего нужно js заюзать, без чекбокса 1

@Ferzet 0 / 0 / 0 Регистрация: 28.06.2013 Сообщений: 114
	24.08.2014, 15:53 [ТС]	3
	killlfun, нет, нужно чтобы закрывалась только по клику на "HTML код для блогов и страниц". И что бы человек мог спокойно скопировать код, а получается наоборот ,что когда я навожу и кликаю, то форма сворачивается, а так не должно быть. 0

@Ferzet 0 / 0 / 0 Регистрация: 28.06.2013 Сообщений: 114
	24.08.2014, 16:41 [ТС]	5
	Хочется все же без JS обойтись) 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	24.08.2014, 16:44	6
	У меня при клике на текстовое поле ничего не закрывается, mac os chrome 36. То есть можно скопировать текст. При клике же на "HTML код для блогов и страниц" спойлер закрывается. 0

@Ferzet 0 / 0 / 0 Регистрация: 28.06.2013 Сообщений: 114
	24.08.2014, 16:53 [ТС]	7
	vovandr, хм..странно, в firefox не работает, в хроме не пробовал. 0

@Ferzet 0 / 0 / 0 Регистрация: 28.06.2013 Сообщений: 114
	24.08.2014, 18:10 [ТС]	9
	vovandr, все отлично. Спасибо! 0

@ludmila-sv 279 / 279 / 62 Регистрация: 28.08.2014 Сообщений: 432
	08.10.2014, 18:21	12
	Сообщение от Vors Чтоб не "плодить" лишних новых тем По правилам форума, вроде, лучше плодить. Если это у Вас жж (судя по тэгу lj-spoiler), то - никак. Там у них так и задумано. 0

Спойлер закрывается

Решение