Javascript 使用公共类对每个元素执行操作

我希望在单击共享图标时淡入一个共享链接，但我遇到的问题是，它们很多，就像一篇文章，我使用一个公共类淡入链接，当我单击一个图标时，所有共享链接都淡入，是否有任何方法淡入每个文章的链接，我试图保持代码干燥

<div class="first-post">
<li class="fire-share"><i class="fa fa-share-alt"></i>
    <ul class="shareo">
        <li><a href=""><i class="fa fa-facebook"></i></a></li>
        <li><a href=""><i class="fa fa-twitter"></i></a></li>
    </ul>
</li>
</div>  

<div class="second-post">
<li class="fire-share"><i class="fa fa-share-alt"></i>
    <ul class="shareo">
        <li><a href=""><i class="fa fa-facebook"></i></a></li>
        <li><a href=""><i class="fa fa-twitter"></i></a></li>
    </ul>
</li>
</div>

$('.fire-share').click(function(){
    $('.shareo').fadeToggle()
})

使用此上下文告诉单击的元素

使用“查找”搜索父元素中的特定元素

$（'.fire share'）。单击（函数（）{
$（this.find（'.shareo'）.fadeToggle（）
})

使用此上下文告诉单击的元素

使用“查找”搜索父元素中的特定元素

$（'.fire share'）。单击（函数（）{
$（this.find（'.shareo'）.fadeToggle（）
})

$('.fire-share').click(function(){
      $('.shareo').each(function(i,obj){
      $(this).fadeToggle()
   })
})