Всем привет. Сама суть я думаю понятна из заголовка. Не получается реализовать следующую задачу:
$(document).ready(function() {
$(".btn").on('click', function() {
$('.er').each(function(index, element) {
$(this).find('.qwerty').slideToggle();
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" class="btn" value="Open № 1" />
<div class="er">
<div class="qwerty">
<div class="uiop">Тут инфа № 1</div>
</div>
</div>
<input type="button" class="w" value="Open № 2" />
<div class="er">
<div class="qwerty">
<div class="uiop">Тут инфа № 2</div>
</div>
</div>
<input type="button" class="w" value="Open № 3" />
<div class="er">
<div class="qwerty">
<div class="uiop">Тут инфа № 3</div>
</div>
</div>
<input type="button" class="w" value="Open № 4" />
<div class="er">
<div class="qwerty">
<div class="uiop">Тут инфа № 4</div>
</div>
</div>
По нажатию на кнопку мне нужно что бы открывался див .er
находящийся рядом с этой кнопкой. Подскажите где я ошибся пожалуйста. Спасибо заранее.
.er
, вот они все и открываются. Или ошибка в другом чем то имеется в виду?