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

Buck Henry Net Worth: How Rich was Buck Henry Actually?

Buck Henry Net Worth: How Rich was Buck Henry Actually?

Buck Henry was an American actor, screenwriter, and director best known for his directing the movie Heaven Can Wait. Buck Henry net worth before his death is estimated to be $6 million. Henry was born on December 9, 1930, in New York City to Ruth Taylor and Paul Steinberg Zuckerman. His mother was an actress […]

Andre Rison Net Worth: How Rich is the Retired NFL Player?

Andre Rison Net Worth: How Rich is the Retired NFL Player?

Andre Rison also known as Bad Moon is a retired American Football player who played for teams like Indianapolis Colts, Atlanta Falcons, Cleveland Browns, Green Bay Packers and Oakland Raiders. As of 2019, Andre Rison net worth is estimated to be around $200,000. Rison was born on March 18, 1967, in Flint, Michigan. He attended […]

ABG Neal Net Worth: How Rich is the Rapper Actually?

ABG Neal Net Worth: How Rich is the Rapper Actually?

ABG Neal is an upcoming rapper who is known for songs such as “Blurry”. He is also the CEO of a production & distribution company called Bix 8 Baby which he started only recently. As of 2019, ABG Neal net worth is estimated to be $150,000. Neal was born on November 19, 1995, in Brooklyn, […]