javascript - divが表示されているかどうかに応じてテキストボックスを無効および有効にする

Question

Android ブラウザーで問題が発生しているカレンダー ツールを使用しています。同じように動作させるカスタム JS を作成しています。作業は次のとおりです。テキスト ボックスをクリックすると、カレンダーがポップアップ表示され、テキスト ボックスが無効になります。他の場所をクリックすると、カレンダーが非表示になります。ここにカレンダーの隠しdivがあります

カレンダーに display: none; があるかどうかに応じて、テキスト ボックスを有効/無効にしたい。または表示: ブロック;

Answer 1

テストしていませんが、これを試してもらえますか?

 if($('#calendar').css('display') == 'block'){ //if calendar has css display:block; rule

    $('#textbox').attr('disabled','disabled'); //disable textbox
    }

 if(!$('#calendar').is('visible')){  //if calendar is hidden , so has css display:none;

    $('#textbox').removeAttr('disabled'); //enable textbox

    }