jQuery on click toggle siblings

Question

私は特定のリンクをクリックするといくつかの矢印を切り替えようとしていますが、クリックアクションでは動作していますが、兄弟をトグルすることはできません。

何が不足しているかわかりません。

おかげ

HTMLコードは次のとおりです。

<div class="box"> 
    <span class="info-box-title" > 
      <i class="fa fa-thumbs-up"></i> 
      <a class="toggle" href="#yeswebsite"> 
       <b>Website</b>: <?php echo $parsedJson1->website; ?> 
      </a> 
    </span> 
    <div class="arrow-up">&#9650;</div> 
    <div class="arrow-down">&#9660;</div> 
    <div id="yeswebsite" class="hidden"> 
     <p>Informatiile privind pagina ta cuprind si adresa de website. Aceasta trimite vizitatorii direct pe siteul tau pentru a afla mai multe informatii. </p> 
    </div> 
</div> 

jQueryのコードは

$("span>a.toggle").click(function() { 
    console.log('it works'); 
    $(this).siblings(".arrow-up, .arrow-down").toggle(); 
}); 

Answer 1

$(this).siblings(".arrow-up, .arrow-down")ある<a>の兄弟と必要な要素が<span>の兄弟である見つけました。

<span class="info-box-title"> 
    <i class="fa fa-thumbs-up"></i> -------- $(this).siblings() <-+ 
    <a class="toggle"></a>   --------- $(this)--------------' 
</span> 
<div class="arrow-up">&#9650;</div> ---- Required 
<div class="arrow-down">&#9660;</div> ---- Required 

使用.closest()親、

$(this).closest('span').siblings(".arrow-up, .arrow-down").toggle();