Hi,

i used on in page, 3 dropdown buttons (one in nav bar, and two in page)

i create my button code with javascript sometime in my page, the first button works but not the second in fact, only the firt button click allow the dropdown works Button 1 / Button 2 => i reload, if i click to button 2, button 1 doesn't work => i reload, if i click to button 1, button 2 doesn't work

if i copy sample code of dropdown in my php page, the dropdown menu doesn't stay open

if i use bootstrap 5 js and use data-bs-toogle, my buttons works with data-mdb-tooggle no

Even one time, when i use data-mdb-toggle in my button nav and sample code for two buttons, when i click on a button, the menu of two buttons is showing...

in my php page, i have

<div class="ml-2 dropdown" id="btn_requests_stored">
</div>

and my js code

 var structureRequestsStored = '<button class="btn btnSquare bg_color_amber-500 dropdown-toggle" type="button" id="dropdownMenuButtonRequestsStored" data-mdb-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' +
            '<i class="fa fa-hdd me-2" aria-hidden="true"></i>Requêtes stockées' +
            '</button>' +
            '<ul class="dropdown-menu" aria-labelledby="dropdownMenuButtonRequestsStored">' +
            '<li><a class="dropdown-item" onclick="AddRequest()" >Ajout d\'une requête</a></li>';
        for (var i = 0, j = storedNames.length; i < j; i++) {
            structureRequestsStored += '<li><a class="dropdown-item" onclick="LoadRequest(\'' + storedNames[i].id + '\',\'' + storedNames[i].title + '\',\'requeststored\')"> - ' + storedNames[i].title + '</a></li>';
        }
        structureRequestsStored += '</ul>';

$("#btn_requests_stored").empty();
$("#btn_requests_stored").html(structureRequestsStored);