In this tutorial, We will learn how to show and hide div on a single button click event in jquery. We can do it jquery toggling element on click example.


<!DOCTYPE html>
        <title>Jquery Toggle hide show div on click event example</title>
        <script type="text/javascript" src=""></script>
        <style type="text/css">
                display: none;
        <div id="example" class="display-none">
            hide show div
        <script type="text/javascript">
            $("button").click(function () {

Thanks, May this example will help you.......