2011-08-03 79 views
0

好吧不知道爲什麼我嘗試在jQuery中使用clossest類,但仍然不幸運,基本上我有一個名爲SHARE的DIV類附加到每個ARTICLE(POST)爲我的博客,現在當我或任何一個點擊共享我希望隱藏的LI顯示額外的功能ex; Facebook,Twitter和電子郵件共享。切換div元素附加到最接近的類

我做了這個腳本做的伎倆

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

但上面的代碼位的問題是,它會顯示所有的文章我將如何去了解它連接到一個單一的所有隱藏的LI元素?

的代碼被附加到內部類DIV元素= 「製品」 作爲這樣

 <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.請,因爲我使用jQuery與Mootools的

+0

這是不可能的。你必須給每個UL一個ID來檢查。你在編程哪種語言? – diceler

+0

它用PHP編寫的,所以它將相當容易附加值的元素,至於JS庫,然後它的主要jQuery,我只使用Mootools動畫的東西簡單 –

回答

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

find方法將選擇點擊div內的任何li元素則會忽略附加$ J語法。由於您示例中的li元素是點擊的div的後代,因此應該可以正常工作。

但是,請注意,如果您在div中有任何其他li元素,它們也會受到影響。

這是working example

+0

完美的作品謝謝 –

0

你可能可以使用SuperFish這個。 Superfish實際上是用於菜單導航,但我認爲你所要做的原則是一樣的。