javascript - removing a div using jquery but keeping divs inside it -
i trying remove div after timed event using jquery.. initial timer follows.....
$(document).ready(function () { settimeout(function () { $("#loader-wrapper .loader-section, #textbit").hide("slow"); $("#logo").animate({ left: '-115px', top: '-60%' }); $("#logo-side").animate({ opacity: 9 }, 2000); $("#loader-wrapper").remove(); }, 2000); });
i doing few things here divs outside loader-wrapper div logo needs remain on page while loader-wrapper needs go after timed event has performed functions...
in current form loader-wrapper removed (without .hide transition happening) , logo div nested inside it... can suggest/provide workaround ?
the html looks ....
<div id="loader-wrapper"> <div id ="wrapper"> <div id="logo"><a href="index.html"><img src="images/mthc/logo-main.png" height="130px" width="420px"></a> </div> </div> </div>
jquery has unwrap
method can use remove loader-wrapper
.
$('#wrapper').unwrap();
Comments
Post a Comment