переход на новую строчку в спойлере

Голоса: +1

есть некий код html спойлера. Вопрос: Как перейти на новую строчку в названии спойлера <br> не помогает

<!--uSpoiler--><div class="uSpoilerClosed" id="uSpoilerEWjDGp"><div class="uSpoilerButBl"><input type="button" class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" value="Открыть спойлер"/></div><div class="uSpoilerText" style="display:none;"><!--ust-->тут содержимое<!--/ust--></div></div><!--/uSpoiler-->

id="uSpoilerEWjDGp" - отвечает за уникальный код спойлера т.е. несколько спойлеров с таким кодом на одной странице не будут корректно работать

Открыть спойлер и Закрыть спойлер - отвечает название спойлера

| Автор: | Категория: Доп. функции

Ответов: 3

голоса: +2
 
Лучший ответ

Я использую такой спойлер. В нем переносы  и прочее форматирование работает.
<a href="javascript://" onclick="$('#1').slideToggle('slow');">текст спойлера</a>
<div id="1" style="display: none;">текст внутри спойлера</div>

если в тексте будет нескоько спойлеров, то замените тут цифру 1 на порядковый номер
onclick="$('#1'). <div id="1"

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
голоса: +2

Попробуйте так

<!--uSpoiler-->
<div class="uSpoilerClosed" id="uSpoilerEWjDGp">
<div class="uSpoilerButBl"><input class="uSpoilerButton" onclick="if($('#uSpoilerEWjDGp')[0]){if ($('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display=='none'){$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Закрыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerOpened');}else {$('.uSpoilerText',$('#uSpoilerEWjDGp'))[0].style.display='none';$('.uSpoilerButton',$('#uSpoilerEWjDGp')).val('Открыть спойлер');$('#uSpoilerEWjDGp').attr('class','uSpoilerClosed');}}" type="button" value="Открыть спойлер" /></div>

<div class="uSpoilerText" style="display:none;"><!--ust--><br />
Пример<br />
<br />
Смотрите<br />
<br />
Так и делайте<br />
<!--/ust--></div>
</div>
<!--/uSpoiler-->

После каждого не очень длинного слова вставляте <br> в начале и в конце </br> и на следующее слово тоже <br> текст </br> 

Пример в коде выше.

| Автор:
голоса: +2
value="Открыть&#13;&#10;спойлер"

https://jsfiddle.net/qjj47xe9/

| Автор:
...