Categories: Alex

Simple jquery container toggle

HTML

    

  1.  
    2. 

  2.  
    3.
Show or hide me

Javascript

    

  1. $(document).ready(function (){ 
    2. 

  2. // Bind toggle to Link on click
    3. 

  3. $('#toggleLink').bind('click',

    4. 

  4. 
function() {

    5. 

  5. // toggle Container (hidden / visible)               
    6. 

  6.  $('#toggleContainer').toggle();

    7. 

  7. // toggle image of the link               
    8. 

  8. 
if($('img#toggleImage').src() == 'minus_grey.gif'){

    9. 

  9. $("img#toggleImage").src('plus_grey.gif');

    10. 

  10. 
}else{

    11. 

  11. $('img#toggleImage').src('minus_grey.gif");

    12. 

  12. }
    13. 

  13. this.blur();
    14. 

  14. return false;
    15. 

  15. }
    16. 

  16. );
    17. 

  17. }
    18.
Alex

I am a full-stack developer. I love programming,  design and know my way around server architecture as well.  I would never feel complete, with one of these missing. I have a broad range of interests, that’s why I constantly dive into new technologies and expand my knowledge where ever required. Technologies are evolving fast and I enjoy using the latest. Apart from that, I am a peace loving guy who tries to have people around him that think the same.  I truly believe in the principle: “If you help someone, someone will help you, when you need it."

Leave a Comment
Published by
Alex
17 years ago

Recent Posts

B&B / Hotel Booking Solutions for WordPress | 2024

BOOKING SOLUTIONS 202x This is my take on a subset of booking, appointment, PMS or… Read More

4 weeks ago

WordPress Cron + WP-CLI + Ntfy

THE GOAL Create a system cron for WordPress, that is accessible and can be easily… Read More

2 months ago

2024 is here and now :)

2024, what's cooking? Slowly getting into the 2024 spirit. 3 projects coming to a close… Read More

4 months ago

2023 ends and whats next !

Short look back at 2023 This has been a busy and interesting year. I am… Read More

4 months ago

cubicFUSION Grid Tweaker – Elementor Grid made easy.

Elementor Pro provides grid containers as an experimental feature. The options provided are limited, when… Read More

5 months ago

Archaeology Travel Booth – Travel Innovation Summit 2023

Archaeology Travel is an online travel guide for people who enjoy exploring the world’s pasts.… Read More

6 months ago