Question

I have HTML tab menu. With the following:

HTML:

<ul class="quicktabs-tabs quicktabs-style-nostyle">
    <li class="even first active"><a class="active jquery-once-2-processed" id="quicktabs-tab-creative_tab-0" href="/?q=node&amp;qt-creative_tab=0#qt-creative_tab">NELER YAPARIZ?</a></li> 
    <li class="odd last"><a class="active quicktabs-loaded jquery-once-2-processed" id="quicktabs-tab-creative_tab-1" href="/?q=node&amp;qt-creative_tab=1#qt-creative_tab">GÜNCEL ETKİNLİKLER</a></li>
</ul>

And when click li a menu, get fade effect. How can i add this?

Answer 1

this makes a fade to 50 % opacity
http://api.jquery.com/fadeTo/

$(".quicktabs-tabs li a").on('click',function(){
    e.preventDefault();
    $(this).fadeTo(500,0.5);
});

if you want to fadeout you should do this
http://api.jquery.com/fadeOut/

$(".quicktabs-tabs li a").on('click',function(){
    e.preventDefault();
    $(this).fadeOut(500);
});

here’s a jsfiddle with you example http://jsfiddle.net/9BSbh/