Блок вылета - jQuery

Question

Я хочу, чтобы контейнер внутри страницы занимал всю ширину страницы и накладывался на все остальное, когда был активен. Это то, что я в настоящее время и ее не работает, как я хочу:

$(function() { 
    $('.main a').click(function() { 
     var href = $(this).attr('href'); 
     $(href).animate({ 
      width: [940, 'swing'], 
      height: [500, 'swing'], 
      opacity: 'toggle' 
     }, 500, 'linear'); 
     return false; 
    }); 
}); 

http://jsbin.com/anoji4/2/edit

Благодаря

Answer 1

вы должны просто установить с помощью CSS

position:absolute; 
z-index: 10; /* or higher */ 
top: 0; 
left: 0; 

к вашему расширяемой-DIV

, и когда вы их открываете, вы устанавливаете высоту и ширину с помощью

$(href).animate({ 
     width: [$('body').width(), 'swing'], 
     height: [$('body').height(), 'swing'], 
     opacity: 'toggle' 
}, 500, 'linear'); 

или вместо $ ('тело') использовать $ ('HTML') или статический размер, как вы делали