Show a div in every 10 Seconds if it is hidden using JQuery

Here am going to show you how to Show a div in every 10 Seconds if it is hidden using JQuery

<script type="text/javascript">
 $(document).ready(function() {
 setInterval(function() {
 if ($('#make_container').is(':hidden')) {
 $("#make_container").slideToggle();
 }
 }, 12000); 
 });</strong>
</script>

Suppose I have a html form

<div class="enquire-btn"><span id="enquire_click"> Enquire Now </span>
<div id="make_container" style="display:none";>
<div id="form_container">
<div id="form_fields" class="black">
<form accept-charset="UTF-8" action="send-enquiry.php" id="contact_us" method="post" novalidate>
<label>Name *</label>
<div class="f_rel">
<input class="required letterswithbasicpunc" id="contact_first_name" name="nam" size="30" style="width:100%" type="text">
</div>
<label>Email *</label>
<div class="f_rel">
<input class="required email" id="contact_email" name="ema" size="30" style="width:100%" type="text">
</div>
<label>Phone *</label>
<div class="f_rel">
<input class="required" id="contact_phone" minlength="10" name="mob" size="30" style="width:100%" type="text">
<input type="hidden" name="utmterm" value="<?php echo $utm_term; ?>">
<input type="hidden" name="pageUrl" value='<?php echo $pageUrl; ?>'>
<input class="project" name="project" value="Opus" type="hidden">
</div>
<label>Comments</label>
<div class="f_rel">
<textarea class="letterswithbasicpunc" id="contact_comments" name="msg" size="30" style="width:100%" type="text"></textarea>
</div>
<br>
<br>
 <input type="submit" class="btn contactSubmitBtn" value="Submit" id=</form>
</div>
</div>
</div>
</div>

It will show the form every 10 Seconds if it is hidden using JQuery

Leave a Reply

Your email address will not be published. Required fields are marked *