One-time event using flag

General style isn't it ?

by FiNGAHOLiC

HTML

<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<button>if first clicked, do something!</button>
<div class="panel"></div>

CSS

.panel{
    display:none;
    background:#000;
    color:#fff;
}

JavaScript

// http://msdn.microsoft.com/en-us/scriptjunkie/gg723713

var buttonClicked = false;

$(function(){
    
    var $panel = $('.panel');

    var initialize = function(){
        $panel.text('this is a panel area');
    };

    var showPanel = function(){
        $panel.slideDown();
    };
    
    $('button').on('click', function(){
        console.log(buttonClicked);
        if(!buttonClicked){
            buttonClicked = true;
            initialize();
            showPanel();
        };
    });
});