Toggle Info Center

[Ridikul]

My first code ever guys.

Description
Adds links at the bottom of the board that show and hide the info center when clicked. I might make them both one link in the future, but for right now, it's 2.

EXAMPLE

Put this in your CSS at the bottom.

Code:

.hide-info {
        margin: 0 auto;
        padding: 5px;
        text-align: center;
}

Put this at the top of your header.

Code:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script type="text/javascript">
        $(document).ready(function(){
                $("a.hidelink").click(function(){
                        $("div#upshrinkHeaderIC").hide("slow");
                        return false;
                });
                $("a.showlink").click(function(){
                        $("div#upshrinkHeaderIC").show("slow")
                        return false;
                });
        });
</script>

Put this at the top of your footer.

Code:

<div class="hide-info"><a href="#" class="hidelink">Hide Info Center</a> <a href="#" class="showlink">Show Info Center</a></div>

[deathwilldie]

This is a nice code I like it.

[Agent Moose Jr.]

nice job