$(document).ready(function() {
    //hide the element with id help-panel
    $("#help-panel").hide();
    //hide the element with id shortcut-panel
    $("#shortcut-panel").hide();
    //toggle the component with class help-panel
    $(".help-panel-toggle").click(function() {
        $("#help-panel").slideToggle(500);
    });
    // set up a key shortcut to the help toggle
    shortcut.add("F1", function() {
        $(".help-panel-toggle").click();
    });
    //toggle the component with class shortcut-panel when a link of class shortcut-panel-click is used
    $(".shortcut-panel-toggle").click(function() {
        $("#shortcut-panel").slideToggle(500);
    });
});