Je tente d'afficher un caché div dans colorbox en utilisant un onclick
jQuery Colorbox contenu cacher sur près
de lien <a>
Le violon ->http://jsfiddle.net/hSp3m/1/
Voici mon balisage,
<style type="text/css">
.lightbox-content{ display: none }
</style>
<div class="panel yellow">
<h4 class="font">Title</h4>
<a title="View now »" class="learnmore" href="#">View now »</a>
<div class="lightbox-content">
<h4>The first lightbox</h4>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
<script type="text/javascript">
$('.panel .learnmore').click(function(e){
e.preventDefault();
var d = $(this);
$.colorbox({
width: 920,
inline: true,
href: d.siblings('div.lightbox-content'),
opacity: 0.5,
open: true,
onLoad: function(){
d.siblings('div.lightbox-content').fadeIn()
},
onCleanup: function(){
d.siblings('div.lightbox-content').hide()
}
})
});
</script>
maintenant la lightbox s'ouvrira et chargera le contenu correctement. Il va même disparaître le contenu. Le problème est qu'une fois la lightbox fermée, un style display: block
est appliqué à .lightbox-content
dont je n'arrive pas à me débarrasser. Je veux garder le contenu caché, le montrer sur un clic dans la visionneuse, puis le masquer de nouveau à proximité.
Des idées s'il vous plaît?
Parfait, et je n'ai pas besoin de changer mon balisage! –