Make content disappear Magazine Pro

[ClintNParticipant]

I have some content in a text widget in a Before Header widget area, that I would like to make disappear after a few seconds. Are there any StudioPress themes with any such content areas that I can reference?
I tried using jQuery that makes the content in a <div> disappear.

var tId;

$("#mydiv").hide().slideDown();
clearTimeout(tId);
tId=setTimeout(function(){
  $("#mydiv").hide();        
}, 3000) 

This is enqued in functions.php as follows:

//* Enqueue Google Fonts and JS script
add_action( 'wp_enqueue_scripts', 'magazine_enqueue_scripts' );
function magazine_enqueue_scripts() {

	wp_enqueue_script( 'magazine-entry-date', get_bloginfo( 'stylesheet_directory' ) . '/js/entry-date.js', array( 'jquery' ), '1.0.0' );
	
	wp_enqueue_script( 'magazine-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );

	wp_enqueue_script( 'media-top', get_stylesheet_directory_uri() . '/js/media-top.js', array( 'jquery' ), '', true );
	
	wp_enqueue_style( 'dashicons' );
	
	wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Roboto:300,400|Oswald:400,500,900|Lora 300,' , array(), CHILD_THEME_VERSION );
} 

The content in the text widget is as follows:

<div id="mydiv" class="site-inner">
<div style="float:left"><p><img 
style="width:100%;" src="/wp-content/themes/magazine-pro/images/ms1.png"></p></div>
<div style="float:left"><img style="width:100%;" src="/wp-content/themes/magazine-pro/images/ms2.png"></div>
<div style="float:left"><img style="width:100%;" src="/wp-content/themes/magazine-pro/images/ms3.png"></div>
</div>

Any tips that help are appreciated as I would really like to make this happen

http://1c1.13b.myftpupload.com/wp-content/themes/magazine-pro/js/media-top.js

[Sridhar KatakamParticipant]

Try https://sridharkatakam.com/how-to-hide-a-widget-area-after-a-certain-time-using-jquery/.

---

Genesis Tutorials | Follow me on Twitter

[ClintNParticipant]

Nice thanks

[Author]

Posts