jQuery make disappear Magazine Pro

[ClintN]

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.

My failed attempt at using a jQuery file http://1c1.13b.myftpupload.com/wp-content/themes/magazine-pro/js/media-top.js is as follows:

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:// http://1c1.13b.myftpupload.com/

[Victor Font]

I would use the ID of the text widget in your jQuery rather than the div inside the text widget. Can't help you further unless you post a link tot he site.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts