2013-11-01 47 views

回答

3

哈哈..好吧,這很有趣..經過很多嘗試,我想出了一些東西,但過渡還是非常難看。並且在引導程序3的行間跨度不再有差距。無論如何30分鐘後和一些可怕的代碼如下所示。

$('#trig').on('click', function() { 
    $('#trig').fadeOut(function(){ 
    $('#col1').toggleClass('col-xs-12 col-xs-3'); 
    if($('#trig').css('margin-left') == '-100px') 
     $('#trig').css('margin-left','50px'); 
    else 
     $('#trig').css('margin-left','-100px'); 
    if($('#col2').hasClass('col-xs-1')){ 
     setTimeout(function(){ 
      $('#col2').toggleClass('col-xs-1 col-xs-9'); 
     },25); 
    } 
    else { 
     $('#col2').toggleClass('col-xs-1 col-xs-9'); 
    } 
    $('#trig').fadeIn();    
    }); 
}); 

這就是我所能想到的。

http://www.bootply.com/91431

+0

那麼就先看看它看起來相當不錯,我的意思是它的工作原理十分感謝... –

+0

@YolandaGonzalez您的歡迎。如果您覺得這是一個令人滿意的答案,您可以將其標記爲已接受。但也許別人可以提出更好的解決方案。 – Trevor