激活slidetoggle时插入类

Question

在这个问题上从哪里开始苦苦挣扎，为不多的代码道歉。

单击div时，使用幻灯片切换显示a。

a目前有一个定义位置的背景图片。我创建了一个精灵图像，以便在单击链接时，背景位置将更改为显示向下箭头（如典型的展开列表。）

如何构建单击a时添加arrowDown类的函数？

JS Fiddle

我想在此链接中添加一个类：

<a>See opening times</a>

需要使用classname arrowDown

添加CSS

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

功能：

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

Answer 1

您可以使用toggleClass方法：

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