Fancybox - jQuery Ui Accordionの統合

私は現在Fancyboxを使用しており、jQuery UIアコーディオンを使用して画像の下にテキストキャプションを開いたり閉じたりする機能を追加したいと考えています。残念ながら、私はjQuery UIアコーディオンを動作させるのに苦労しています。私はページ（Fancyboxの外）でアコーディオンをテストし、うまくいきました。どれガイダンスは本当にいただければ幸いですFancybox - jQuery Ui Accordionの統合

<script> 
$(document).ready(function() { 

$("a.fancybox").fancybox({ 
    'titlePosition' : 'outside', 
}); 

    $("#accordion").accordion({ 
    collapsible: true 
}); 

}); 
</script> 


<a class="fancybox" rel="group1" href="images/example.jpg" title="<div id='accordion'><h3><a href='#'>Example</a></h3><div><p>text here</p></div></div>" ><img src="images/example.jpg" alt="Portraits"></a>

：

は、ここでは、コードです！ありがとうございました。

出典

2012-04-11 user1255062

ようonCompleteオプションを微調整いくつかのアニメーションを追加することができますhttp://fancybox.net/blog第3

で

$("a.fancybox").fancybox({ 'titlePosition' : 'over', 'onComplete' : function() { $("#fancybox-wrap").hover(function() { $("#fancybox-title").show(); }, function() { $("#fancybox-title").hide(); }); // hover } // onComplete }); // fancybox

チェックデモあなただけの画像の下にコメントを開こうとしていますか？アコーデオンは過度のようだ（と正直な場合は正直に間違っている...） –

他のプラグインを使用せずにfancybox内部のタイトルを切り替えることが容易ではないでしょうか？あなたも

'onComplete' : function() { 
$("#fancybox-title").hide(); 
$("#fancybox-wrap").hover(function() { 
    $("#fancybox-title").stop(true,true).slideDown(200); 
}, function() { 
    $("#fancybox-title").stop(true,true).slideUp(200); 
}); // hover 
} // onComplete

出典

2012-04-12 00:00:58 JFK

ありがとうございました！とても感謝している。 – user1255062