Откройте Fancybox из Fancybox и закройте родитель

У меня неприятности. Мой продукт открывается в fancybox, и у меня есть похожие продукты с содержанием. Я хотел бы закрыть fancybox, когда пользователь нажимает на соответствующую ссылку, и открыть продукт в новом fancybox.

Спасибо, ребята, за вашу помощь. Но это не работает :(. Продукт открывается в окне без fancybox.

    $(document).ready(function() {
$("a#fancy1").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'
});
$("a#fancy2").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'
}); 
}); 

Это то, что у меня есть. Нажав на товар, вы откроете fancybox & quot; fancy1 & quot ;. Но, щелкнув ссылку fancybox, вы откроете соответствующий продукт, и я получаю:

($ is not defined $(function(){$('#form_2538').validate();});) !

Ссылка на продукт, сделанный таким образом

<a id="fancy1" href="product_url" >

Ссылка на родственный сделанный таким образом

<a id="fancy2" href="product_url" >

Я боролся с этим некоторое время :(

И Я РАЗРЕШИЛ ЭТО !!!!!!!!!!!!!!!!!!!

Я решил проблему !!

Пожалуйста, смотрите ниже!

    $(document).ready(function() {

$("a.fancy1").live("hover",
        function()
        {$("a.fancy1").fancybox({
        'speedIn'           : 600, 
        'speedOut'          : 200, 
        'overlayShow'       : false,
        'autoDimensions'    : false,
        'width'             : 620,
        'height'            : 'auto',
        'overlayShow'       : true,
        'overlayOpacity'    : 0.8,
        'overlayColor'      : '#ccc'

        });
        });
    });

Ответы на вопрос(2)

<a href="product_url" id="fancy2">Link</a>

<script>
$('#fancy2').click(function()
{
    $(this).parent().fancybox.close();
});
</script>

<script>
$('#fancy2').click(function()
{
    $('a#fancy1').trigger('click');
});
</script>

$("a#fancy1").fancybox({
// options
});
$("a#fancy2").fancybox({
// options
});

Обратите внимание, что второй скрипт не находится внутри первого (onClosed опция).

Откройте первый необычный ящик, как:

<a id="fancy1" href="{link to product}">open product</a>

Тогда внутри открытого контента у вас должна быть ссылка вроде

<a id="fancy2" href="{target to related product}">see related product</a>

вам на самом деле не нужно закрывать первый блок, а ссылка на второй изнутри закроет его.

ВАШ ОТВЕТ НА ВОПРОС