
$(document).ready(function() {
        panelState = 0;

        // Expand Panel
        $("#open").click(function(){
                 if (panelState == 0) {
                         $("div#panel").slideDown("slow");
                         panelState = 1;
                 }
                 if (panelState == 2) {
                         $("div#panel").slideDown("slow");
                         $("div#panel-2").slideUp("slow");
                         $("#toggle-2 a").toggle();
                         panelState = 1;
                 }
        });

        // Collapse Panel
        $("#close").click(function(){
                 if (panelState == 1) {
                         $("div#panel").slideUp("slow");
                         panelState = 0;
                 }
                 if (panelState == 2) {
                         $("div#panel").slideDown("slow");
                         $("div#panel-2").slideUp("slow");
                         $("#toggle-2 a").toggle();
                         panelState = 1;
                 }
        });

        // Collapse all Panels
        $("#close-1b").click(function(){
                         $("div#panel").slideUp("slow");
                         $("#toggle a").toggle();
                         panelState = 0;
        });
        // Switch buttons from "Open Panel" to "Close Panel" on click
        $("#toggle a").click(function () {
                $("#toggle a").toggle();
        });



        // Expand Panel 2
        $("#open-2").click(function(){
                 if (panelState == 0) {
                         $("div#panel-2").slideDown("slow");
                         panelState = 2;
                 }
                 if (panelState == 1) {
                         $("div#panel-2").slideDown("slow");
                         $("div#panel").slideUp("slow");
                         $("#toggle a").toggle();
                         panelState = 2;
                 }

        });

        // Collapse Panel
        $("#close-2").click(function(){
                if (panelState == 2) {
                         $("div#panel-2").slideUp("slow");
                         panelState = 0;
                 }
                 if (panelState == 1) {
                         $("div#panel-2").slideDown("slow");
                         $("div#panel").slideUp("slow");
                         $("#toggle a").toggle();
                         panelState = 1;
                 }
        });

        // Switch buttons from "Open Panel" to "Close Panel" on click
        $("#toggle-2 a").click(function () {
                $("#toggle-2 a").toggle();
        });

        // Collapse all Panels
        $("#close-2b").click(function(){
                         $("div#panel-2").slideUp("slow");
                         $("#toggle-2 a").toggle();
                         panelState = 0;
        });

});

