Question

facing a problem with html page with jquery
want to show a div if user not perform any activity for 20 secs.
i am able to show and hide it using jquery by unable to set time for it
code:

<script type="text/javascript">
    $(document).ready(function () {
        $("#VisitWidget").hide();
        $("#VisitWidget").show();`
        $('#BtnBook').click(function () {
            $("#VisitWidget").slideToggle();
        });
    }); 
</script>

Answer 1

Try this

<script type = "text/javascript" >
 $(document).ready(function() {
    setInterval(function() {
        if ($(document).data('events')) {
            $("#VisitWidget").show();
        }
        else {
            $("#VisitWidget").hide();
        }
    }, 2000);
}); 
< /script>

//

$(document).data('events') will check if there are any events on the page..