Question

我有一个场景，当我点击“x”按钮时，屏幕截图（REGULAR 50ML）中显示的div必须关闭，当我点击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＆amp;反之亦然。

Answer 2

  use this example as reference

    <div id="main" style="width:100px;height:100px;border:1px solid">
        <!-- div that is to show/hide goes inside parent div #main-->
        <div id="A">aaaaaaaaaaaaaaaaa</div>
    </div>
    <script>
     $(document).ready(function() 
     {
        $("#main").click(function()
        {
            $("#A").slideToggle(1000);
        }); 
    });
    </script>

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

2 个答案: