Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6

Thread: jQuery help

  1. #1
    New Coder
    Join Date
    Dec 2007
    Posts
    96
    Thanks
    8
    Thanked 1 Time in 1 Post

    Exclamation jQuery help

    Hi everybody:
    I'm new to jQuery , I need after event to do an effect and after the effect completed do another effect, I tried to do it this way:
    Code:
    function hide(){
    $('#output1').fadeIn('slow');
    $('#add-comment').slideUp('slow');
    }
    but they appeared in the same time, can anybody help me with this.

  • #2
    Senior Coder
    Join Date
    Feb 2003
    Posts
    1,665
    Thanks
    0
    Thanked 27 Times in 25 Posts
    Jquery's fadeIn() method takes a 'callback' method as a second, optional argument.

    This would be the action it takes after completing the primary action.

    e.g.
    Code:
    function hide() {
    
    	$('#output1').fadeIn('slow', function() { $('#add-comment').slideUp('slow')});
    
    }
    More info:
    http://docs.jquery.com/Effects/fadeIn#speedcallback
    Last edited by Bill Posters; 07-08-2008 at 02:10 PM. Reason: Slight code correction

  • Users who have thanked Bill Posters for this post:

    skmd (07-08-2008)

  • #3
    New Coder
    Join Date
    Dec 2007
    Posts
    96
    Thanks
    8
    Thanked 1 Time in 1 Post
    I tried to do it before but it didnt work. and your function has a missing $ sign
    Code:
    function hide() {
    
    	$('#output1').fadeIn('slow', function() {$('#add-comment').slideUp('slow')});
    
    }
    But thanks anyway

  • #4
    Senior Coder
    Join Date
    Feb 2003
    Posts
    1,665
    Thanks
    0
    Thanked 27 Times in 25 Posts
    (Code example update)


    It should work fine. The problem may be elsewhere in your code.

    Are you getting any errors reported?
    Are you able to post the url?

  • #5
    New Coder
    Join Date
    Dec 2007
    Posts
    96
    Thanks
    8
    Thanked 1 Time in 1 Post
    Yes there was an error somewhere else in my code it works like a magic.
    Thank you very much

  • #6
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi all!


    I'm a complete novice when it comes to javascript and jquery.

    I've just put a jquery photo gallery on my website http://renaissanceboutique.com.au/

    It looks great, but the problem is that the gallery javascript conflicts with the wordpress theme javascript that controls the sliding menus in the left hand sidebar.

    Is there a simple way that I can solve this?


    Thank you!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •