disableDeafualt behavior

Different mehtods to disable deafualt behavior.

by Tim86

HTML

<a href="javascript://" id="moreHelp">more</a>

<div id="helpBox" style="display:none"><p>Some help</p></div>
<br/>

<a href="http://stackoverflow.com/questions/5407537/how-to-unbind-a-hyperlink-with-jquery/5407623#5407623">stackoverflow question</a>

CSS

#helpBox
{
    background-color: lightBlue;
    color:blue;
}

JavaScript

$('#moreHelp').unbind('click', false);
$('#moreHelp').bind('click', hideShow);

var hidden = true;

function hideShow() {
    if (hidden) {
        $("#helpBox").show();
        hidden = false;
    }
    else {
        $("#helpBox").hide();
        hidden = true;
    }
    $(this).text($(this).text() == 'more' ? 'less' : 'more');
}