jquery-ui - how can i get minimize and restore functionality on lightbox ..?

Question

like close button i want minimize functionality over light box so when it is minimized it comes to the bottom of the window showing only title and minimize button converted into restore button so when i press it ,that light box will appear and if any another lightbox is open they will get minimized.so i want only one lightbox to be opend.i tried i dn't hav any idea how i will do this if u can add some magic code to this is my fiddle please look at it. thank you

Answer 1

像这样编辑

 $('.lightbox').click(function() {
    var thisBox = $(this).attr("name");
            //console.log(thisBox);
    $('.backdrop,.' + thisBox).animate({
        'opacity': '.50'
    }, 300, 'linear');
    $('.box').animate({
        'opacity': '1.00'
    }, 300, 'linear');
    $('.backdrop,.' + thisBox).css('display', 'block');
});

只需评论 console.log(thisBox)