Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Agile Records Staff Profile pop-ups

February 11, 2011 5:01am

Subscribe [2]

#1 / Feb 11, 2011 5:01am

Embody_Bruce
76 posts

How do the info pop-ups work on the staff grid on the Agile Records ‘About’ page work?
#2 / Feb 18, 2011 8:50pm
asozzi
262 posts
Hi Bruce,

the popups are done with CSS and Javascript.
Check the Script:
```
// STAFF INFO TOGGLE
  $('div#content_sec.staff_profiles ul li h4').next().hide();
  
  $("div#content_sec.staff_profiles ul li h4").click(function () {
      $(this).next().slideToggle("fast");
              
      return false;
  });
```
Essentially the first line just hides the information (CSS).
The second line attaches click function to the Header to show the information.

How this is achieved is throuhg standard jQuery functions. Visit jquery.com for more information on the javascript framework.

CIAO