[Lexor]

Добрый вечер, я новичок в JS подскажите пожалуйста советом.
У меня есть функция вновь созданного элемента по кнопке
$(function(){
$('#ButtonNewWork').click(function () {
let divs = document.createElement("div");
let buttons = document.createElement("button");
let arrow = document.createElement("button");
$(arrow).addClass('arrow');
let Namework = $('#WhatNameWork').val();
let divNamework = document.createElement("div");
$(divNamework).addClass('divNamework');
$(divNamework).append(Namework,buttons,arrow);
let Description = $('#Description').val();
let divDescription = document.createElement("div");
$(divDescription).addClass('divDescription');
divDescription.append(Description);
$(divs).addClass("work");
$('#LeftColum').append(divs);
$(divs).append(divNamework,divDescription);
Задача cкрыть переменную divDescription к каждому вновь созданному элементу по кнопке
Я реализовывал следующем способом $('.arrow').click (function() {
$(divsArray).find(divDescription).slideToggle();}) ;
или
$('.arrow').click (function() {
let Descrip = $(divDescription);
if (Descrip.is(':visible')) {
Descrip.hide();
}
else {
Descrip.show();
}
});
Но все эти способы не скрывают один вновь созданный элемент, а скрывает все элементы с данной переменной или css классом.
Какой метод поиска элемента можно использовать для данной задачи?