jqueryウィンドウ内のイメージマップからdivを表示/非表示にする方法は？

Question

私は、牛肉のカットを表示するためにロールオーバーイメージマップを作成しました。ユーザーがビーフのセクションをクリックすると、js/popupbox.jsスクリプトを介して、レシピを表示するdivが表示されます。

すべての基本的なスクリプトがhereを作業している（「チャック」のセクションをクリックしてください）

しかし、最初の牛のイメージマップは、（私はjqueryのに新たなんだjqueryのモーダルウィンドウで開きます、それを参照することができます違う！）。 問題：my show/hide div ceases to work inside of the jquery window。

代わりにツールチップスクリプトを使用することを検討しましたが、各div内にレシピやその他のコンテンツが必要になるため、クリックすることでdivを開いたり閉じることができますに。

大変助かりました！

Answer 1

openイベントを使用してダイアログにイベントハンドラをアタッチする必要があります。

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

の作業例：お返事、NOLABELためhttp://jsfiddle.net/f55gg/