Как сделать по стандарту не display block а flex?

Question

[Роман Тузов]

Имеется вот такой блок:

<div class="spoiler-title">
	<i class="fal fa-info-circle"></i>
</div>
<div class="spoiler-body">
	<span class="line"></span>
	<p class="comment">Развивайте в себе новые компетенции для профессионального развития и 
         достижения максимальной результативности.</p>
	<span class="line"></span>
</div>

По началу к spoiler-body задан display none.
И имеется вот такой js код:

$(document).ready(function(){
 $('.spoiler-title').click(function(){
  $(this).parent().children('.spoiler-body').slideToggle();
  return false;
 });
});

В общем проблема заключается в том, что при клике на spoiler-title к spoiler-body задаётся display block, чтобы показать блок, но это мне всё портит. Вот я как-то пытаюсь сделать так, чтобы задавался не block а flex. Как это указать?

Answer 1

[Тигран Абрамян]

.css('display', 'flex');

Comments

[Роман Тузов]

это я знаю, просто не понял куда это написать

[Тигран Абрамян]

Hutson,

$(this).parent().children('.spoiler-body').css('display', 'flex');

[Роман Тузов]

TAbrahamyan, но я хотел не потерять плавность и, чтобы при нажатии на тот же блок spoiler-body скрывался

[Тигран Абрамян]

Hutson, если посмотреть через F12(Element) то там есть display: flex;
вообщем изучайте

[Роман Тузов]

TAbrahamyan, Спасибо большое! Как-то и не додумался добавлять класс с флексом