jquery - マウス ホバー時に要素を非表示にする

Question

別の要素のマウス ホバーでスパン タグを表示/非表示にしようとしています

<li class="requirement" id="requirement_1">
  <h3><a href="#">REQ 2 - QWERTY</a></h3>
  <span class="fr drag" style="display:none;">[drag]</span>
</li>
<li class="requirement" id="requirement_2">
  <h3><a href="#">REQ 2 - AZERTY</a></h3>
  <span class="fr drag" style="display:none;">[drag]</span>
</li>

基本的に h3 マウス ホバーで [ドラッグ] スパンを表示したいのですが、関連する li 要素に対してのみです。私が推測する最も近いものだけを表示する必要があります。ありがとう。