[X] Помощник

[sheldonleecooper Topic Starter]

Всем привет. Сделал спойлер на сайте (скопировал шаблон из интернета).
Все работает, но мне нужно чтобы текст в открывающемся окне был с новой строчки (подробнее на картинках)  





вот коды спойлера:

<a href="#" class="spoiler-title"> КНОПКА СПОЙЛЕРА </a>

<div class="spoiler-content"> 

           <span class='mb-text'>макхост</br>   

ТЕКСТ

</div>

 

______________________________________________________________

 

<script type="text/javascript"> 

$(document).ready(function(){ 

$('.spoiler-title').click(function(){ 

$(this).parent().children('div.spoiler-content').toggle('fast');

return false;

});

});

</script>

 

______________________________________________________________

.spoiler-content{

display:none;  /**скрываем блок контента спойлера**/

padding:15px 20px; /**добавляем внутренний отступ**/

border:1px solid #ccc; /**рамка блока контента спойлера**/

margin-top:5px; /**отступ сверху**/

background:#F0F0F0; /**фон блока контента спойлера**/

}

/**Стили блока оборачивающего каждый блок**/

.spoiler-block{

 

margin-top:10px; 

text-align:center

}

/**Стили кнопки спойлера**/

.spoiler-title {

  display: inline-block;

  font-family: arial,sans-serif;

  font-size: 11px;

  font-weight: bold;

  color: rgb(68,68,68);

  text-decoration: none;

  user-select: none;

  padding: .2em 1.2em;

  outline: none;

  border: 1px solid rgba(0,0,0,.1);

  border-radius: 2px;

  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);

  transition: all .218s ease 0s;

}

Сообщение отредактировал sheldonleecooper - 9.7.2018, 17:49

[mak2make]

Так в чём траблос? Стили для блока надо подправить. Скиньте сайт, я Вам помогу

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.