Photo tool kit

This album contains a legend that can be hidden. This is done with just a little bit of jQuery added via the phplugins ttg_scripts hook.
Centering the button is accomplished by placing the button in a div and styling the div to center-align text. The button code looks like this:

<div style="text-align: center;"><button class="legend-button">Show/hide Client Response Legend</button></div>

The key to making this work with the script is assigning a class to the button. In this case, "legend-button". When you click any button that has the class "legend-button, the script will then target any div with the ID of "legend" and toggle its state between hidden and shown.
So make sure that you wrap your legend in a div and give it the ID of "legend". Here's the jQuery to place in phplugins

<script>
$(document).ready(function(){
    $("button.legend-button").click(function(){
        $("#legend").toggle(slow);
    });
});
</script>  

Select All
Select None