Как сделать так, чтобы jquery определял ID кнопки и раскрывал соответствующий блок?
html
<html>
<head>
</head>
<body>
<table>
<td class="podrobno" id="1"><a class="content_toggle" href="#">Подробнее</a></td>
<tr id="1" class="content_block" style="display: none;">
<td>Содержание 1</td>
</tr>
<td class="podrobno" id="2"><a class="content_toggle" href="#">Подробнее</a></td>
<tr id ="2" class="content_block" style="display: none;">
<td>Содержание 2</td>
</tr>
</table>
</body>
</html>
Jquery
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$('.content_toggle').click(function(){
$('.content_block').slideToggle(300, function(){
if ($(this).is(':hidden')) {
$('.content_toggle').html('Подробнее');
$('.content_toggle').removeClass('open');
} else {
$('.content_toggle').html('Свернуть');
$('.content_toggle').addClass('open');
}
});
return false;
});
});
</script>
Простой
