Trying to toggle a region container div visibility using jquery

On this page: Student Life I have placed a small grid of images in a dedicated region - upfront-region-container-student-life

Ultimately, I intend to implement more region containers with images similar to the one currently displayed and toggle their visibility via a series of buttons/clickable links at the top of the page.

I wish to toggle visibility via an adaptation of this small bit of jquery:

$( "#button" ).click(function() {
    $( "#upfront-region-container-student-life" ).toggle();
});

The code works just fine if contained entirely within the Code draggable element. See the working test code on the page referenced.

I cannot work out the best method for implementation of the jquery to work on a more global level to toggle the Student Life container div.

Many thanks for any assistance.