JavaScript：我怎樣才能輕鬆地擴展這種顯示/隱藏功能？

Question

我有一個顯示/隱藏腳本，我想擴展它，但對擴展它的功能最簡單的方法感到好奇。

目前您可以點擊一個主鏈接，並打開相應的div，並在其中添加更多鏈接。

http://jsfiddle.net/nX8mr/

我想擴展它，使每個項目都有一個div /圖像（只包括了針對例如圖像）被隱藏，直到點擊，卻總是出現在同一位置在右邊。因此，功能更像是...

1）單擊主用鏈路
2）開創各自的事業部有進一步的聯繫
3）顯示第一個列表項DIV /圖像
4）在任何其他的點擊鏈接在Div中，然後顯示List Items div/image，然後隱藏以前的

不確定是否嘗試爲單個列表div /圖像包含另一個顯示/隱藏？

任何幫助/建議，將不勝感激。

更新

它似乎複製顯示/隱藏似乎最容易的。這確實是在最後...

$('[class^=showHide], [class^=showHide] img').hide(); 

$('[class^=link]').click(function() { 
    var x = $(this).attr("className"); 
    var $item = $('.showHide-' + x); 
    if (!$item.is(":visible")) $('[class^=showHide]').hide(); 
    $('.showHide-' + x).slideToggle(); 
    return false; 
    }); 

$('[class^=showHide] li').click(function() { 
    var x = $(this); 
    if (!$(x).find('img').is(":visible")) $('[class^=showHide] li img').hide(); 
    $(x).find('img').slideToggle(); 
    return false; 
    }); 

Answer 1

不知道是否嘗試包括另一個顯示/隱藏對個人名單DIV /圖片或不？

這就是我會做的。你可以複製你正在做什麼來顯示/隱藏鏈接，以及圖像。