slideToggle在頁面上的衆多元素

我有一個州的地圖，它的縣被切成圖片地圖。而不是有不同的功能點擊每個縣和顯示其統計數據是有辦法使用以外的東西：slideToggle在頁面上的衆多元素

$('#county).click(function(){$(#countystats).slideToggle('fast');所有不同的縣100+倍？

2011-03-16 wootscootinboogie

我不明白 - 你想以編程方式觸發'click'嗎？如果是這樣，你可以使用$（'＃county'）。trigger（'click'）;'另一方面，如果你想讓所有的stats元素一次滑動，你可以添加一個類給所有人使用作爲選擇器 - '$（'。countyStats'）。slideToggle（'fast'）' – 2011-03-16 13:46:45

不，說有三個縣a，b，c。而不是寫三個不同的JavaScript來滑動他們所有三個我想知道是否有辦法我可以寫一個函數，承認每個縣的ID或類，並有slideToggle的工作。而不必編寫上述腳本的100個版本。 – wootscootinboogie 2011-03-16 13:50:52

我不希望所有人都一次滑動。我只是想知道是否有可能爲頁面上的所有不同元素一次工作一個函數。 – wootscootinboogie 2011-03-16 13:53:43

無論何時您需要將多個元素的樣式設置爲相同或您可能需要將其選爲「組」，您可以使用類而不是id。

所以，如果你想點擊處理程序附加到所有縣元素，你可以一個class屬性添加到每個div或span或任何和使用，作爲選擇。

$('.county').click(function(){ 
      $(this).find('.countystats').slideToggle('fast') 
});

這樣做是附加一個點擊監聽到每一個元素都有class='county'（例如，<div class='county'>甚至<img class='county'>），並在該元素的點擊，切換它與countystats類派生元素在頁面上。

我在這裏假設你有一個單獨的countystats元素。相反，如果你已經一個<div>與idcountystats，你可以保持原來的通話

$('#countystats').slideToggle('fast');

但要注意，它看起來像它會導致countystats將可能觸發了與第二次點擊，所以你想要改變它的處理方式。例如，我點擊縣1，統計信息滑入視圖。我點擊縣2，同樣的處理程序被解僱，所以元素是切換爲。

來源

2011-03-16 13:54:16

slideToggle在頁面上的衆多元素

回答

相關問題