Как ограничить скрипт спойлера?

Question

[ihutornoy]

Доброго времени суток, сообщество. Есть скрипт спойлера, который при нажатии на кнопку показывает скрытый текст.
Проблема в том, что на странице несколько спойлеров и при нажатии на кнопку открываются все спойлеры, а надо чтобы открывался только каждый конкретный. Как решить проблему? Заранее спасибо.

$(document).ready(function () {
	$('.spoiler_body').hide('normal');
	$('.spoiler_button').click(function () {
		$('.spoiler_body').toggle('normal');
		$('.spoiler_body').css('display', 'inline');
		return false;
	});
});

<div class="spoiler_body"><span>Текст спойлера</span></div>
<div class="spoiler_button">Подробнее</div>

Comments

[riot26]

Приложи html спойлеров, будет удобнее отвечать.

[ihutornoy]

riot26: Приложил!

[riot26]

ihutornoy: нужно больше html. Чтобы было несколько спойлеров. И не совсем понятна его структура, там один div закрывается лишний раз.

[ihutornoy]

riot26: Там просто данный html дублируется на странице несколько раз. Надо изолировать спойлеры друг от друга. Может как-то через data-id?

[riot26]

ihutornoy: дал ответ

Answer 1

[riot26]

https://jsfiddle.net/riot26/rupoyhde/
Да, один из способов - через data-аттрибуты.

Comments

[ihutornoy]

Спасибо тебе большое! Выручил

Answer 2

[dummyman]

Во-первых, в классической реализации спойлера не было javascript:
codepen.io/oloman/pen/odnqy