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

https://api.jquery.com/unwrap/


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -