В общем, когда я жму на эту стрелку(свернуть описание дела), то она как то странно себя ведёт, то скрывает, то нет, дёргается. Сказали, что ошибка в коде Js, делегирование неправильное, подскажите пожалуйста.
function blockDescription() {
$(".button-edit").click(function() {
console.log('asd');
$(this).parents('.add-list').find('.add-description').slideToggle();
var description = $('.add-description');
let visible = description.is(':visible');
visible ? description.hide() : description.show();
let rot = 'rotate(' + (visible ? 0 : 90) + 'deg)';
$(".button-edit").css({
'-webkit-transform': rot,
'-moz-transform': rot,
'-ms-transform': rot,
'-o-transform': rot,
'transform': rot
});
});
};
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="add-list">
<div class="list-opened">
<div class="title-line">
<span>'+ input +'</span>
<button class="button">Button</button>
<button class="button-edit">Button-Edit</button>
</div>
<div class="add-description">'+ textarea +'</div>
</div>
</div>