Я использую плагин jQuery. Появятся всплывающие окна, но когда вы нажмете одну из них, все они появятся.
Я пытаюсь показать только одну коробку за раз, но все они охватывают всю страницу.
Любая помощь приветствуется.
Вот код.
jQuery.fn.jqueryPop = function(options) {var settings = jQuery.extend({ popWidth: 251, popInSpeed: 300, popInSpeed: 100, popClass: ".contentPop", popIndex: 1000 }, options); $(this).toggle(function(){ $(settings.popClass).css('zIndex', settings.popIndex); $(settings.popClass).width(settings.popWidth); $(settings.popClass).height(settings.popHeight); $(settings.popClass).fadeIn(settings.popInSpeed); $(this).addClass('active'); },function(){ $(settings.popClass).fadeOut(settings.popOutSpeed); $(this).removeClass('active'); }); };
<script type="text/javascript">
$(document).ready(function(){
$('.jqueryPop').jqueryPop();
});
</script>
И мой HTML
<span class="highlight"><a href="" class="jqueryPop">Savannah</a></span>
<div class="contentPop"> <p><b>OMG WOW!</b> <br /> Embed anything you want, movies, photos, etc... </p>
<p>It even has options for awesome flexibility!</p> </div>