Как показать / скрыть div из imagemap внутри окна jquery?

Question

Я создал ролловер, чтобы показать куски говядины. Когда пользователь нажимает на раздел говядины, становится видимым div, который перечислит рецепты, через скрипт js / popupbox.js.

Все основные скрипты работают здесь (нажмите на раздел "Чак")

Но сначала карта изображения коровы открывается в модальном окне jquery (я новичок в jquery, возможно, ссылаюсь на это неправильно!). Проблема: мой div show / hide перестает работать внутри окна jquery .

Я подумал об использовании вместо этого скрипта всплывающей подсказки, но важно, чтобы пользователь мог сам открывать / закрывать div, щелкая, потому что внутри каждого div будут рецепты и другое содержимое, на которое ему нужно будет нажать. .

Любая помощь с благодарностью!

Answer 1

Вам необходимо прикрепить обработчик событий к диалогу, используя событие открытия.

$('#opener').click(function() {
    $('#dialog').dialog({
        modal: true,
        height: 550,
        width: 800,
        hide: "explode",
        open: function() {
            $(this).click(function() {
                $('#popupbox').show();
            });   
        }
    });
});

Рабочий пример: http://jsfiddle.net/f55gg/