Почему спойлер на bootstrap не работает так как надо?

Question

[bbaggins]

Добрый день!
Делаю спойлер, а он не работает как надо, вместо того чтобы разворачиваться, сначала разворачивается, а потом сворачивается. Порекомендуйте рабочее решение.

.collapse {
		max-height: 250px;
		overflow: hidden;
		display: block;
		position: relative;
	}
	.show-full-content-btn{
		font-size: 14px;
		color: #e72d67;
	}

<div class="collapse" id="spoiler-1">	</div>
<a class="show-full-content-btn" href="#spoiler-1" data-toggle="collapse">Читать полностью</a>

Answer 1

[display: block]

display: block у коллапса убрать.

Comments

[bbaggins]

Не робит.. там ещё какой-то "collapse in" появляется во время не активности, и collapsing.

[bbaggins]

Опубликовал ниже.

Answer 2

[bbaggins]

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}