Question

This is my navigation and I use easytabs jquery script:

        <!-- Navigation -->
        <div class="navigation">
            <ul class="tabs">
                <li><a href="#home">About Me</a></li>
                <li><a href="#cv" target="_blank">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>
        </div>
        <!-- /Navigation -->

I want to change #cv tab into a pdf pop-up link. I have tried to use inline jscript, did not work. Any solutions?

thats the link you can see it in action

Answer 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>