Кнопка JQuery Mutiple при нажатии показывает другую на выходе

Question

      <div class="btn-toolbar">
<button type="button1" class="btn btn-primary btn mr-3" >Add Recyclable</button>
<button id="edit" type="button2" class="btn btn-secondary btn mr-3" disabled>Edit Recyclable</button>
<button type="button3" class="btn btn-primary custom btn mr-3">Add Type</button>
<button id="delete" type="button4" class="btn btn-danger custom"  disabled>Delete</button>

      <div id="windowForAssign"></div>
<script>
$('button').click(createAndShowPopup);
var kendoWindowAssign = $("#windowForAssign");
var title = "Test";
var url = ""
function createAndShowPopup(){                              
kendoWindowAssign.kendoWindow({
width: "650px",
modal: true,
height: '500px',
iframe: true,
resizable: false,
title: title,
content: "test.html",
visible: false,
});
   
var popup = $("#windowForAssign").data('kendoWindow');
popup.open();
popup.center();
}
</script>

однако, как упомянуто, кнопка классифицируется как все кнопки, как я могу указать, что каждая кнопка делает разные всплывающие окна, такие как заголовок и содержимое? Пример всплывающего окна с разными кликами Пример того, как это выглядит

если я перейду на $("button2").click ... это не сработает, так как я хочу их разделить, как я могу это сделать?