JSFiddle - React, Tailwind, and code Playground

HTML

<span id="trigger−01">トリガー1</span>
<span id="trigger−02">トリガー2</span>
<div id="target">ターゲット</div>

JavaScript

$("#trigger−01").on('click',function(){
 $(this).toggleClass('active');
 if($('.active').length){
  //「active」クラスがある時
  $('#target').css('display','block'); 
 } else {
 //「active」クラスがない時
  $('#target').css('display','none'); 
 }
});
$("#trigger−02").on('click',function(){
 $(this).toggleClass('active');
 if($('.active').length){
  $('#target').css('display','block'); 
 } else {
  $('#target').css('display','none'); 
 }
});