JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="#" id="slidebox">A slide action here</a>

</p>
<p><a href="#">A bogus action here</a>

</p>
<p><a href="http://lassosoft.com">A link to a site</a>

</p>
<div class="box" style="display:none">This content was hidden before</div>

CSS

html, body {
    font:13px verdana, sans-serif
}
div.box {
    border:2px dotted red;
    padding:5px
}

JavaScript

$('a').filter(function (i) {
    return $(this).attr("href") === "#";
})
    .bind('click.dontClick', function (e) {
    e.preventDefault();
});
$('#slidebox').click(function () {
    $('.box').toggle(); alert('hei');
});