delayNavBar

by dixalex

HTML

<span class='delayNextButton'>1000</span>
<div id="rrNavigation">TESTING 123</div>

CSS

.delayNextButton {
  display: none;
  visibility: hidden;
}

JavaScript

delayNextButton();

			function delayNextButton() {
			  $('#rrNavigation').css("display","none");
			  $('span.delayNextButton').hide();
			  if ($('.delayNextButton').length > 0) {
			    $('span.delayNextButton').each(function() {
			      var milliseconds = parseInt($(this).text(), 10);
			      var showNow = function showButton() {
			        $('#rrNavigation').slideDown(800);
			      };
			      setTimeout(showNow, milliseconds);
			      console.log($('span.delayNextButton').length);
			      console.log(milliseconds);
			      console.log($(this).text());
			    });
			  }
			}