javascript - 关闭 div 并在单击按钮时再次重新打开

Question

我遇到的情况是，当我单击“x”按钮时，屏幕截图中显示的 div(常规 50ML)必须关闭，而当我单击“Topping”按钮时，必须再次重新打开该 div。这些值是动态生成的。

这是我尝试过的代码，其中 "div#"+id_attr_val+".Topping-details" 是 div id，".btn btn-sm topp " 是按钮类和 ".topping-close" 是关闭类:

function setStuff(activateEvent, activateUi) {    
    var selectedeleemnt = activateUi.newHeader.text();
    var response = search(selectedeleemnt);
    if (selectedeleemnt != null && activateUi.newPanel.html() == '') {
        var activateUiHTML = $("<div class='inner-accordion'></div>");
        activateUiHTML.append('<div id="' + v_item_id + '" class="activateUiHTML"  data-role="collapsible">');
    }
}

function display() {
    toplevelcart += '<section id="topping_tsection_'+id_attr_val+'"><i id="topping-close" class="topping-close"></i>';
    $("div#"+id_attr_val+".Topping-details").each(function(i) {          
        $(this).hide().delay(i * 1500).fadeIn(1500);
    });
    $('.topping-close').one('click', function() {
        $(this).closest("div#"+id_attr_val+".Topping-details").fadeOut();
    });
}

我可以关闭该 div，但无法重新打开该 div。请帮帮我。

Answer 1

尝试使用以下内容:

$("#divID").slideToggle(1000);

.slideToggle(milliseconds):如果已经打开，这将关闭 div，反之亦然。