行6のコードを実行できないようです

Question

$(document).ready(function() { 
    var divMouseDown; 
    $('.iphonepowerbutton').mousedown(function() { 
     $('.iphonepowerbutton').width('1px'); 
     divMouseDown = setTimeout(function() { 
      $('.iphonescreen').css('background-color', 'white', function() { 
       setTimeout(function() { 
        $('.iphonetime').show(); 
        $('.iphonedate').show(); 
        $('.iphoneapplelogo').hide; 
        $('.iphonescreen').css('background-color', 'black'); 
       }, 3500); 
      }); 
      $('.iphoneapplelogo').show(); 
      $('.iphonepowerbutton').hide(); 
      $('.iphonepowerbutton2').show(); 
     }, 2000); 
    }); 
    $('.iphonepowerbutton').mouseup(function() { 
     $('.iphonepowerbutton').width('2px'); 
     if (divMouseDown) { 
      clearTimeout(divMouseDown); 
     } 
    }); 
}); 

5行目の関数が実行されているときに6行目を機能させようとしています。 コードは正しいですか、それは私のブラウザですか、何か不足していますか？ 関数が実行されたときに関数を開始しようとしています。

Answer 1

CSSの変更が瞬時に行われるため、実際には意味がないので、.cssメソッドのコールバックをjQueryで使用することはできません。

ちょうどそれの後ろにコードの残りを入れてください。

CSSの移行が完了するのを待っている場合は、手動で計算する必要があります。