他のコンポーネントがトグルされているかどうかに基づいてセマンティックui - サイドバープロパティを設定します

Question

私は2つのセマンティックサイドバーを1つ、左側に1つ、右側に1つあります。現在のところ、左側のものだけがトグルされている場合、ページは淡色表示されますが、右側のものが選択されている場合、ページは淡色表示されません。私が達成しようとしているのは、左側のサイドバーを開いて右のサイドバーを切り替えたときに、すでにページが薄暗くなっていることです。私はtrueを返すことが、左のサイドバーには.is(:visible)メソッドを使用して表示されているかどうかを確認しようとしてい

onSubmit(event){ 
    if(event.key=="Enter"){ 
    . 
    . 
    . 
    $('#sidebar').sidebar({overlay:false,dimPage:true}).sidebar('toggle'); 
    } 

：左のサイドバーを切り替えるため

getHistory(){ 
    $('#sidebar1').sidebar({dimPage:false,overlay:true,closable:false}).sidebar('toggle'); 

    this.historyPane = true; 
    } 

コード：右サイドバーを切り替えるための

コードサイドバーがトグルされていなくてもどのように私はこれを達成することができる任意の提案？

Answer 1

別のサイドバーには、このSUI方法使用して開かれている場合は、確認することができます。代わりにそれと

$('#sidebar1').sidebar("is visible")

を同様にあなたが$('#sidebar1').sidebar('is hidden')をすべき使用することができ、あなたがこの

onSubmit(event){ 
if(event.key=="Enter"){ 

. 
. 
. 

const shouldDimPage = $('#sidebar1').sidebar("is visible") 
$('#sidebar').sidebar({overlay:false, dimPage: shouldDimPage}).sidebar('toggle'); 
} 

ような何かを行うことができます必要が到着する