как увядает/выделить соответствующие DIV по ссылке щелчку в JQuery

Question

Я после того, что я пытался до сих пор fiddlehttp://jsfiddle.net/BLPgX/ Я хочу, чтобы исчезнуть DIV вместо добавления и удаления класса class.Also если пользователь копировать ссылку как http://www.myweb.com/test/ques.jsp#Faq1 как fade DIV?

Благодаря & уважением

Answer 1

я сделал в следующий способ

$(document).ready(function(){ 
       if(document.location.href.indexOf('#') > -1){ 
        var id = location.hash.replace("#",""); 
        $thisAns = $("#"+id); 
        $thisAns.addClass("highlightAns"); 
         // Remove that class after 2 seconds      
         setTimeout(function(){ 
          $thisAns.removeClass("highlightAns"); 
         },2000); 
       } 
       else{ 
        console.log("URL does not contains Id"); 
       }  

       $('.highlight').on('click', function() { 
        // Get the div that should be higlighted now 
        var id = $(this).attr('href').replace("#", ""); 
        $thisAns = $('#'+id); 
        // Add highlightAns class 
        $thisAns.addClass("highlightAns"); 
        // Remove that class after 2 seconds      
        setTimeout(function(){ 
         $thisAns.removeClass("highlightAns"); 
        },2000); 
       }); 
     }); 

Answer 2

Попробуйте это:

 // Add highlightAns class 
     $thisAns.addClass("highlightAns").fadeIn("slow"); 

    // Remove that class after 2 seconds      
     setTimeout(function(){ 
      $thisAns.removeClass("highlightAns").fadeOut("slow"); 
     },2000); 

Demo

Answer 3

ли вы имеете в виду что-то вроде этого? Он затухает.

jsFiddle

Отдал все ответы класс из answers и в этом классе я дал CSS transition:2s;, который, как долго класс добавлять и удалять дубли.