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

Top Searches

powered by WassUp

Recent Posts: Fully Net Worth . com

Summer Walker Net Worth: 5 Interesting Facts You Should Know

Summer Walker Net Worth: 5 Interesting Facts You Should Know

Summer Marjani Walker is an American singer-songwriter who is currently signed with LoveRenaissance¬†and¬†Interscope Records. Here are some interesting facts about Summer Walker: 1. She considers Amy Winehouse early childhood inspiration Walker was born on April 11, 1996, in Atlanta, Georgia. She has kept much of her childhood disclosed but in an interview, she did mention […]

Fiona Hill Net Worth: How Rich is Fiona Hill Actually?

Fiona Hill Net Worth: How Rich is Fiona Hill Actually?

Fiona Hill is a British born American foreign affairs specialist. Hill previously worked as a former official at the National Security Council specializing in Soviet, Russian, and European Affairs. As of 2019, Fiona Hill net worth is estimated to be $1.5 million. Hill was born in October of 1965, in Bishop Auckland, County Durham in […]

Pete Buttigieg Net Worth: 5 Facts You Should Know

Pete Buttigieg Net Worth: 5 Facts You Should Know

Pete Buttigieg is the mayor of South Bend, Indiana. He is also an American war veteran and a former consultant. In the recent days, Buttigieg has been growing his name with him announcing candidacy for the Presidential election in 2020. Then President Obama called him as one of four Democrats who represented the future of […]