Sliding Effect on Link

by Hardik Bharadava

HTML

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<a id="add" href="http:www.google.com" class="show_hide">Click</a>

CSS

a{
    width: 500px;
    height: 500px;
}

JavaScript

$(document).ready(function () {
        $('.show_hide').click(function (e) {
            e.preventDefault(); //to prevent default action of link tag
            $(this).slideToggle(1000);
        });
 });