Smooth transition needed for fade effect

Posted on 2013-05-15
Medium Priority
Last Modified: 2013-11-03
I've added a fade effect to the following tabs here, but the transition isn't smooth, especially on the last 2 tabs.

I'd like it be like this page here.

Here's the Javascipt if someone could help:



    $('.tabs li').click(function(){
        var thisAd = $(this).parent().parent();
        $('.tabs li').removeClass('active');                                                   

                currentContent.fadeOut(10, function() {

    if(window.location.hash) {
        if (window.location.hash == "#map") {
            $('.tabs li').removeClass('active');                                                   
        if (window.location.hash == "#voucher") {


Open in new window

Question by:UName10
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39171653
Add delay in your fadeIn and fadeOut function Like:

Open in new window


Accepted Solution

UName10 earned 0 total points
ID: 39172102
Hi thanks for the comment, yes it does have a delay, but no matter how long or short, the effect is wrong..

Author Closing Comment

ID: 39619684
No solution

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question