Question

I use JQuery Tools for its overlay feature.

My issue here is, I want to have a link in one overlay to open another overlay while closing the existing overlay.

How can I make it work?

<a href="#" class="takeatour" rel="#sitetour1">Site tour</a>

<div class="overlay" id="sitetour1">
Step 1 <a href="#" rel="#sitetour2">Click here to learn more</a>
</div>
<div class="overlay" id="sitetour2">
Step 2
</div>


        $("a[rel]").each(function(i) { 
            $(this).overlay({ 

                // common configuration for each overlay 
                oneInstance: false,  
                closeOnClick: true,     
                expose: '#3FB8AF',
            });             
        }); 

Answer 1

Add this:

$('a[rel=#sitetour2]').click(function(e) {
    $('a[rel=#sitetour1]').overlay().close();
});

​