Fancybox - Integrieren von jQuery Ui Akkordeon

Ich verwende derzeit Fancybox und möchte die Möglichkeit hinzufügen, die Textbeschriftung unter dem Bild mit dem jQuery UI Akkordeon zu öffnen oder zu schließen. Leider fällt es mir schwer, das jQuery UI-Akkordeon zu benutzen. Ich habe ein Akkordeon auf der Seite (außerhalb von Fancybox) getestet und es hat gut funktioniert.Fancybox - Integrieren von jQuery Ui Akkordeon

Hier ist der Code:

<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>

Jede Führung wäre wirklich dankbar! Vielen Dank.

Quelle

2012-04-11 user1255062

Versuchen Sie einfach einen Kommentar unter einem Bild zu öffnen? Akkordeon scheint übertrieben (und einfach falsch, wenn ich ehrlich bin ...) –

Würde den Titel innerhalb fancybox zu wechseln, ohne andere Plugin nicht einfacher sein?

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

prüfen Demo auf http://fancybox.net/blog No. 3

Man könnte sogar hinzufügen, einige Animation zwicken die onComplete Option wie

'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

Quelle

2012-04-12 00:00:58 JFK

Vielen Dank! Sehr geschätzt. – user1255062