javascript - Closing the div and again re-open when click on button -

javascript - Closing the div and again re-open when click on button -

i having scenario when click on "x" button div shown in screen shot (regular 50ml) has close , when click on topping button, 1 time again div has re-opened. these values dynamically generated.

this code tried "div#"+id_attr_val+".topping-details" div id, ".btn btn-sm topp " button class , ".topping-close" close class :

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(); }); }

i able close div, not reopen div. please help me out.

try using following:

$("#divid").slidetoggle(1000);

.slidetoggle(milliseconds): close div if opened & vice versa.

javascript jquery