Jquery Easytabs - How To Make A Tab A Pop-up Link?

This is my navigation and I use easytabs jquery script:

Solution 1:

Change your easyTabs initialisation to:

$content.easytabs({
        tabs                :"> .navigation > ul > li:not(.external)",
        animate             : true,
        updateHash          : true,
        animationSpeed      :'normal',
    });

Then add a class of external to your CV link:

<ul class="tabs">
    <li><a href="#home">About Me</a></li>
    <li><a href="#cv" target="_blank" class="external">CV</a></li> 
    <li><a href="#research">Research</a></li>
    <li><a href="#teaching">Teaching</a></li>
    <li><a href="#contact">Contact</a></li>
</ul>

Share