JavaScript中，當右格被隱藏的左側div有100％的寬度

Question

固定

通過編輯mplungjan的代碼，這個固定：

$(function() { 
    $("#foo").on("click",function() { 
     if ($(this).is(':checked')) $('#checked-a').show('fast',function() { 
      $('#checked-b').css("width","60%"); 
      $('#checked-a').css("width","40%"); 
     }) ; 
     else $('#checked-a').show('fast',function(){ 
      $('#checked-b').css("width","100%").show();   
      $('#checked-a').css("width","0%").hide(); 

     }); 
    }); 
}); 

我想有左格爲100 ％（當前60％）右側div（40％）隱藏時。

截圖與選中的複選框：

截圖與未選中的複選框：

現在我想打左格封面頁（100％）的整個寬度。

這裏是我的代碼：

的javascript：

 <script type="text/javascript"> 
    $(function(){ 
    ($('input[name = "foo"]').is(':checked')) 
    $('#checked-a').slideDown('fast'); 
    }); 
    </script> 

格：

<div class="content2" id="checked-a"> 
    <%= yield %> 
</div> 

HTML輸入：

<input type="checkbox" checked="checked" name="foo" value="1" onclick="$(this).is(':checked') && $('#checked-a').slideDown('fast') || $('#checked-a').slideUp('fast');"/> 

希望有人可以幫助:)

Answer 1

也許你是指這個？ DEMO

$(function() { 
    $("#foo").on("click",function() { 
     if ($(this).is(':checked')) $('#checked-a').slideDown('fast',function() { 
      $('#checked-a').css("width","40%"); 
      $('#checked-b').show(); 
     }) ; 
     else $('#checked-b').slideUp('fast',function(){ 
      $('#checked-a').css("width","100%"); 
     }); 
    }); 
});