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

Published

4 months ago

April 18, 2025

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.

Related Topics:jQuery Search Show/Hide toggle

Up Next

WP Cult attending WordCamp Denver 2009

Don't Miss

How to: Limiting the posts in you archive widget

On the lookout for 2.7

Published

4 hours ago

August 8, 2025

Web Master

I know the whole community is weary and waiting for the release of the now 18 days over original scheduled release of November 10th. But I am already anxious to start the prowl for plugins that need major updating for the new 2.7 platform.

I know because I have the latest nightly build installed on this site, and some of the plugins I am using have created a tiny problem, ;). Okay, maybe some have really not liked the new WP, but that hasn’t stopped me from trying them out.

News

WordPress Beta 3 Error

Published

3 days ago

August 5, 2025

Web Master

If you don’t know, this site is running the latest WordPress. Which is in Beta testing, version 2.7 Beta-3.

I installed a new plugin today: SEO Smart Links. And as soon as I installed and tested it out, I get an error message on my dashboard.

The funny thing is, usually when there is an error, it shows up at the top of the page, before the site loads. This error is showing up at the bottom of the site.

huh, I was going to past the code error, but it seemed to disappear? I will post it if it shows up again.

Table of Contents

OH…

Another big error is clicking the publish button. Seems that I keep getting an Error 500 – Internal server error when publishing a post or re-saving a post. 🙁

Update

I used my handy dandy Plugin: WP-DBManager to restore my backup from yesterday. Fixed both problems!
Hopefully, Vladimir Prelovac will update his plugin for WordPress 2.7 use.

Update 2

Upon further inspection, and trials. This plugin is awesome and powerful for how simple it is. But my plugin: OIO Publisherseems not to like ALOT of my plugins I have installed.

So check out the SEO plugin for sure!

News

Welcome

Published

7 days ago

August 1, 2025

Web Master

Hello, welcome to a new WordPress community site. Join the ever growing and oh so popular WP Cult. Here we will try to keep you updated with the latest theme’s, plugins, tips & tricks and news.

We will try and showcase the best that WordPress has to offer, as well as the poor and vulnerable states which need your help as cult followers.

Join us, join us today! 🙂