2013-03-08 55 views
0

努力從這裏開始,爲沒有太多的代碼道歉。當slidetoggle被激活時插入類

單擊a時,使用滑動切換顯示div

a當前有一個具有定義位置的背景圖像。我創建了一個精靈形象,讓鏈接被點擊時,背景的位置會改變,以顯示向下箭頭(像一個典型的擴張列表。)

我怎樣才能建設成爲功能,當a是點擊,添加了一類arrowDown

JS Fiddle

我想一個類添加到這個鏈接:使用類名添加

<a>See opening times</a> 

CSS需要arrowDown

a.arrowDown 
{ 
    background-position: 2px -9px; 
    } 

功能:

$('.timeList a').click(function(e) { 
    $(this).next().slideToggle('slow'); 
}); 

回答

3

您可以使用toggleClass方法:

$('.timeList a').click(function(e) { 
    $(this).toggleClass('arrowDown').next().slideToggle('slow'); 
}); 
相關問題