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.
If you are using the cforms II, you may want to head over to Mr. Seidel’s site for more info on the matter.
Benefits include the Agent theme, unlimited theme support answered by our experts, customization techniques with our detailed theme tutorials and professional design services available by our list of recommended designers.
Price:
Single License: $59.95 Buy Now!
Pro Plus All-Theme Package: $199.95 Buy Now!
I was just sitting in the back listening to Shayne Sanderson from Insctinct, who talked about their e-commerce plugin and a new plugin that released today.. Once he finished, Jason dug his hand in the ticket bucket and my ticket was called. I won a Pro Revolution Theme Pack from Brian Gardner.
Totally sweet!
Ashton Pienaar Net Worth: How Rich is the Below Deck Star?
Ashton Pienaar is a South African yacht deckhand and television personality best known for appearing on the television show “Below Deck”. As of 2019, Ashton Pienaar net worth is estimated to be $500,000. Ashton was born on June 16, 1989, in Johannesburg, South Africa. Unfortunately, we have no wide range of information regarding his early […]
Ondreaz Lopez Height, Age, Bio, Net Worth, Wiki & More
Ondreaz Lopez is an American TikTok star who is known as one half of the Lopez Brothers throughout social media along with his younger brother named Tony Lopez. He has over 3.1 million followers on his personal Tik Tok profile having received more than 75 million likes for his videos. Ondreaz was born on April […]
DJ Drama Net Worth: How Rich is the American DJ Actually?
Tyree Cinque Simmons, who is better known as DJ Drama, is an American DJ and record executive producer who is the co-founder of Generation Now that includes top artists such as Lil Uzi Vert and Jack Harlow. As of 2019, DJ Drama net worth is estimated to be around $12 million. Simmons was born on […]
David Dobrik’s Net Worth
David Dobrik’s Net Worth: Know Everything About Him In recent years, we have seen the rise of many YouTubers. Ever since the time the market started booming with new YouTubers, this new way of entertaining people has come to the limelight. Speaking of popular YouTubers, we simply cannot miss out on David Dobrik. He is […]
-
Tips & Tricks3 months ago
WordPress Security Hacks
-
Pages5 months agoWrite For Us – Guest Post
-
Showcase1 week ago
StylizedWeb.com
-
Tips & Tricks4 months ago
Remove the title attribute using jQuery
-
Tips & Tricks2 months ago
How to: show/hide a widget in WordPress with jQuery
-
Plugins1 month agoTop Membership plugins
-
Tips & Tricks6 days ago
Limit the characters that display on the_title
-
Tips & Tricks4 months ago
Remove spaces when echoing the_title