jQuery animation fade effect

0 votes

The fade effect here isn't working.... ui.fadebox is a white div tag that is supposed to fade in and fade out. It's not fading though, even when the time is set to 5000 it's just like setting the display from block/none. There's no transitioning...

            ui.fadeBox.animate({
                    opacity: 1
                },
                500,
                function () {
                    $('.active', ui.container).removeClass('active');

                    $(ui.banners[idx]).addClass('active');

                    ui.fadeBox.animate({
                        opacity: 1
                    },
                    500,
                    function () {
                        ui.fadeBox.css("display", "none");
                    });
            });

Jul 25, 2022 in Web Development by gaurav
• 23,260 points
567 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

0 votes
1 answer

jQuery text animation "explosion" effect on hover

The logic: Wrap each textual character inside a <span> tag Make ...READ MORE

answered Aug 4, 2022 in Web Development by rajatha
• 7,680 points
1,024 views
0 votes
1 answer

How to Fade In/Out multiple texts using CSS/jQuery like on Droplr?

The jQuery fadeIn() method is used to ...READ MORE

answered Jun 29, 2022 in Web Development by rajatha
• 7,680 points
1,456 views
0 votes
0 answers

jQuery Slide toggle and fade in issue

As you can see when clicking on ...READ MORE

Jul 28, 2022 in Web Development by gaurav
• 23,260 points
683 views
0 votes
0 answers

jQuery fade out then fade in

There's a bunch on this topic, but ...READ MORE

Jul 29, 2022 in Web Development by gaurav
• 23,260 points
873 views
0 votes
0 answers

jQuery tabs callback after "show" animation

I have a link to a jQuery ...READ MORE

Jul 29, 2022 in Web Development by gaurav
• 23,260 points
788 views
0 votes
0 answers

Will choosing between YUI or jQuery effect the overal design of .js files?

Will choosing between jquery or YUI change ...READ MORE

Aug 11, 2022 in Web Development by gaurav
• 23,260 points
358 views
0 votes
1 answer

How to use jquery with asp.net ajax?

If you weren't aware, Microsoft is planning ...READ MORE

answered Oct 15, 2018 in IoT (Internet of Things) by Annie97
• 2,160 points
766 views
0 votes
1 answer

Is 'sparkline' a method?

I suggest you to check 2 things That jquery.sparkline.js is actually ...READ MORE

answered Nov 9, 2018 in Apache Spark by Frankie
• 9,830 points
1,302 views
0 votes
1 answer

What is jQuery?

Hey, jQuery is a fast and concise JavaScript ...READ MORE

answered Feb 14, 2020 in JQuery by kartik
• 37,520 points
1,350 views
0 votes
1 answer

Error: Global Variable is not accessable to local function

Hey kartik, A variable declared outside a function has a ...READ MORE

answered Feb 19, 2020 in PHP by Niroj
• 82,840 points
1,108 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP