ansaurus

Question

Answer 1

+2 A:

You should probably use the setTimeout() method in JavaScript. A clear, concise tutorial on how to use it is available here.

esqew 2010-08-05 16:17:29

Answer 2

+1 A:

Here's an update. Notice the setTimeout function wrapping the methods inside mouseleave.

<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
  <script>
    $(document).ready(function(){

        $('#call-us a.showPhoneNumberLink').mouseenter(
              function() {
                    var _this = $(this);
                    _this.hide();
                    _this.parent().width(0);
                    _this.parent().find('span').show();
                    _this.parent().animate({ 'width': '78px' }, 500);
                        return false;
            });
        $('ul.top-links').mouseleave(
                function() {
                    setTimeout(function() { 
                        var _this = $('#call-us a.showPhoneNumberLink');
                        _this.show();
                        _this.parent().find('span').hide();
                        _this.parent().animate({ 'width': '45px' }, 800);
                            return false;
                    }, 1000);
            });
        });
  </script>
</head>
<body>

    <ul class="top-links">
    <li>
        <div id="call-us">
         <a class="showPhoneNumberLink" href="#">Call Us</a>
          <span style="display:none;" class="showPhoneNumberNumber">1.888.227.6482</span>
        </div>
    </li>
    </ul>


</body>
</html>

Brandon Boone 2010-08-05 16:19:04

This work just fine, but... I'm looking for the phone number to slide from the right.

Ozzy 2010-08-05 16:57:12

This is what I was looking for. Thank you so much.

Ozzy 2010-08-05 18:06:06

Answer 3

+4 A:

To delay three seconds:

_this.parent()
    .delay(3000)
    .animate({ 'width': '78px' }, 500);

Ken Redler 2010-08-05 16:19:38

ansaurus

tags:

views:

answers:

How to delay an animation in jquery

related questions