最も近いクラスに添付されたdiv要素を切り替える

Question

jQueryでclossestクラスを使用しようとしましたが、まだ運がないのはわかりませんが、基本的に私のブログの各記事（POST）にSHAREというDIVクラスがあります。 1つのシェアをクリックして、追加の関数exを使って隠されたLIを表示することを望みます。 Facebook、Twitter、電子メール共有。

私はトリック

$j(".share").live("click", function() { 
     $j("li").toggle("slow"); 
}); 

を行いますが、上記のコードのビットとの問題は、それは私が単一のものに取り付けるについて行くだろうか、すべての記事のために、すべての隠されたLI要素を表示することがありますか？このスクリプトを作りましたか

コードは、例えば

 <div class="date">$article_d<br><span>$article_m</span></div> 
     <div class="share">share 
      <ul> 
      <li style="margin-left: 5px;display: none;"> 
       <a href="$facebook_share">$facebook_share_img</a> 
      <a href="$twitter_share">$twitter_share_img</a> 
      <a href="$email_share">$email_share_im</a> 
      </li> 
      </ul> 
     </div> 

P.S.としてクラス= "資料" 内部DIV要素に取り付けられています。私がクリックしたdiv内の任意のli要素を選択しますMooToolsは

Answer 1

$j(".share").live("click", function() { 
    $j(this).find("li").toggle("slow"); 
}); 

find方法ではjQueryを使用していますので、$ jの構文を違いを無視してください。あなたの例のli要素はクリックされたdivの子孫であるため、これはうまくいくはずです。

ただし、div内に他のli個の要素がある場合、影響を受けることにも注意してください。

ここにはworking exampleがあります。

Answer 2

これにはSuperFishを使用できます。スーパーフィッシュはメニューナビのためのものですが、あなたがしようとしていることの原則は同じだと思います。