コールバックが発火しない条件文

Question

私はチェーン機能を持つ基本的な条件文を持っています。 elseメソッドの後には起動しないshow（）のコールバックがあります。

何が間違っていますか？構文？？

のthnx

var closeList = $('#west'); 

    $('#menuToggle').click(function(){ 
     var p = $('#west').css('display'); 
     if (p != "block") { 
      $('#contentBox').width('70%', function() { 
       $('#west').show(); // <--THIS DOESNT FIRE!! 
      }); 
     } else { 
      $('#west').hide(); 
      $('#contentBox').width('98%'); 
     } 
    }); 

HTML

<!-- ------------------------- Main Content -------------------- --> 
    <div id="wrapper" class="wrapperPosition"> 

     <div id="west"> 
     </div> 

     <div id="contentBox"> 
      <div id="content" class="contentPosition"></div> 
     </div> 
    </div> 

Answer 1

順序ではなく、コールバックでそれらを呼び出します

if (p != "block") { 
    $('#contentBox').width('70%'); 
    $('#west').show(); 
} 

問題が.width()が受け入れるオプションを持っていないということです値と関数の両方、どちらか一方のみ：

.width(value) 
.width(function(index, width)) 

したがって、値とペアにすると、その関数は無視されます。

if ($('#west').is(':hidden')) { 
    $('#contentBox').width('70%'); 
    setTimeout(function() { 
     $('#west').show(); 
    }, 10); 
}