从一个叠加链接到另一个叠加

Question

我使用JQuery Tools来实现其叠加功能。

我的问题是，我希望在一个叠加层中有一个链接，以便在关闭现有叠加层时打开另一个叠加层。

我怎样才能让它发挥作用？

<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

添加：

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