Решено jQuery.bPopup.js. Мастерим всплывающие окна

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.bpopup.min.js"></script>
<script src="js.js"></script>
<link rel="stylesheet" href="css.css" type="text/css" /> 
    
<!-- Button that triggers the popup -->
<button id="my-button">Жми сюда!</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
<a class="b-close">x<a/>
Content of popup
</div>

#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

// Semicolon (;) to ensure closing of earlier scripting
    // Encapsulation
    // $ is assigned to jQuery
    ;(function($) {

         // DOM Ready
        $(function() {

            // Binding a click event
            // From jQuery v.1.7.0 use .on() instead of .bind()
            $('#my-button').bind('click', function(e) {

                // Prevents the default action to be triggered. 
                e.preventDefault();

                // Triggering bPopup when click event is fired
                $('#element_to_pop_up').bPopup({
            speed: 650,
            transition: 'slideIn',
	    transitionClose: 'slideBack'
        });
		
            });

        });

    })(jQuery);

$('#my-button').bind('click', function(e) {

$('.my-button').bind('click', function(e) {

<button id="my-button">Жми сюда!</button>

<button class="my-button">Жми сюда!</button>