Accordion IE 8/7中的Jquery切换效果

我正在使用以下jquery toogle函数来显示/隐藏详细列表

    $('dt').toggle(
function() {
    $(this).next('dd').slideUp();
    $(this).addClass('selectedArrow');

},
function() {
    $(this).next('dd').slideDown();
    $(this).removeClass('selectedArrow');

}
);

这将在除IE7和IE8之外的所有浏览器上添加selectedArrow类，该类的原因是其背景图像根据toogle所处的状态而变化

我想知道如何在IE7/8上添加类，或者知道获得相同结果的替代方法

---

---

感谢您的帮助，最终成功地使其工作，结果是我的css中箭头的背景对齐问题。您的代码在IE6和IE9中工作，并且在IE9的兼容模式中模拟IE7和IE8，因此我认为该问题与您没有向我们透露您的实际页面有关，您的HTML或与代码有关的其他内容

以下是我在演示中使用的内容，以显示它的工作原理：

HTML:

---

你尝试过另一种解决方案吗？比如：

$('#dt').click(function(){
   $(this).next('dd').slideToggle().toggleClass('selectedArrow');
});

$('dt').toggle(
    function() {
        $(this).next('dd').slideUp();
        $(this).addClass('selectedArrow');
    },
    function() {
        $(this).next('dd').slideDown();
        $(this).removeClass('selectedArrow');
    }
);

$('#dt').click(function(){
   $(this).next('dd').slideToggle().toggleClass('selectedArrow');
});