Connect with us

News

How to: Show/Hide any div box with jQuery in WordPress

If you take a look at my current sidebar (right) and see the heading Google Search you’ll notice that when you click it the Google Search box show’s into view.

Let me show you how this is done.

First make sure that your WordPress site is calling jQuery, buy pluggin this code into our header.php file above the <?php wp_head(); ?> text:

<?php wp_enqueue_script('jquery'); ?>

Then anywhere above the </head >, plug this code in:

<script type="text/javascript">
jQuery(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
  jQuery('#toggle-search').hide();

 // toggles the slickbox on clicking the noted link
  jQuery('a#slick-slidetoggle').click(function() {
	jQuery('#toggle-search').slideToggle(400);
	return false;
  });
});
</script>

That’s simple, huh. Okay now lets write the Search code:

<h2><a href="#" id="slick-slidetoggle">Google Search</a></h2>
	<div id="toggle-search" style="padding:10px;">
    <form method="get" id="search" action="<?php bloginfo('home'); ?>/">
        <div>
            <input type="text" value="Enter Keyword" onclick="this.value='';" name="s" id="s" />
            <input type="text" name="search-button" id="search-button" value="<?php _e('Search') ?>" />
        </div>
    </form>
</div>

That’s it.

Random Search Terms

Title

Top Articles

powered by WassUp

Recent Posts: Fully Net Worth . com

True Geordie Net Worth: How Rich the English Podcaster Actually?

True Geordie Net Worth: How Rich the English Podcaster Actually?

Brian Davis, who is better known online as True Geordie, is a British Youtuber. He is best known for his podcast called the True Geordie Podcast along with editor Laurence McKenna where their focus is on interviewing with different Youtubers and Influencers. His channel has a total of 1.7 million subscribers. As of 2019, True […]

Ryan Garcia Net Worth: How Much is the Boxer Worth Actually?

Ryan Garcia Net Worth: How Much is the Boxer Worth Actually?

Ryan Garcia is an American professional boxer who competes in the lightweight division. Most recently, he became the winner of the WBO–NABO and WBC Silver lightweight title. He recently signed a deal with Golden Boy Promotions, which is said to be one of the most lucrative boxing deals for a prospect. As of 2019, Ryan […]

Kembe X Net Worth: How Much Money Does Kembe X Make?

Kembe X Net Worth: How Much Money Does Kembe X Make?

Kembe X is an American rapper who is best known for his songs such as “Dollar Please”, “Extremely Good”, and “Schemin On The Scoochies”. As of 2019, Kembe X net worth is estimated to be $200,000. Kembe X initially found some success through his debut mixtape called Self Rule but had a dip in the […]