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.
News
cforms II now GPL compliant
Well, it was a long run, ok, only 24 hours when Mr. Seidel’s announced that he would pull the plug on further updates to the cforms plugin.
But after consideration and many emails, he has released a update to a GPL compliant version of his plugin: 10.2.
News
Goodbye to cforms II
If you are using the cforms II, you may want to head over to Mr. Seidel’s site for more info on the matter.
News
Revolution Two: Agent Theme
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!
-
Tips & Tricks3 months ago
WordPress Security Hacks
-
Pages5 months ago
Write For Us – Guest Post
-
Showcase2 weeks ago
StylizedWeb.com
-
Tips & Tricks2 months ago
How to: show/hide a widget in WordPress with jQuery
-
Tips & Tricks4 months ago
Remove the title attribute using jQuery
-
Plugins1 month ago
Top Membership plugins
-
Tips & Tricks1 week ago
Limit the characters that display on the_title
-
Tips & Tricks4 months ago
Remove spaces when echoing the_title