带箭头的jquery切换问题

我试图在展开时添加向下箭头图像，在未展开时添加向右箭头图像，使用下面的代码可以很好地工作

问题是当你再次折叠块时，它不会移除向下箭头图像。当它崩溃时，我想用右箭头图像替换下箭头

谢谢

            $('#title h4').removeClass('DownArrow ');
            $('#title h4').addClass('RightArrow '); 
            $('#title').click(function() {
              $('#d-form').slideToggle("slow");
              $('#title h4').addClass('DownArrow ');            
            });


<div id="title"> <h4><a href="#">Dental</a></h4></div>
<div id="d-form">
some stuff
</div>

$（'#title h4'）.removeClass（'DownArrow'）；
$（'#title h4'）.addClass（'RightArrow'）；
$（'#title'）。单击（函数（）{
$（'d-form'）。滑动切换（“慢”）；
$（'#title h4'）.addClass（'DownArrow'）；
});
一些东西

您应该只使用

.toggleClass（）

（）：

我还向单击事件添加了

preventDefault（）

，这样哈希就不会加载到href中

---

您应该只使用

.toggleClass（）

（）：

我还向单击事件添加了

preventDefault（）

，这样哈希就不会加载到href中

---

改用toggleClass

          $('#title h4').toggleClass('DownArrow');
          $('#title h4').toggleClass('RightArrow');

---

工作

改用toggleClass

          $('#title h4').toggleClass('DownArrow');
          $('#title h4').toggleClass('RightArrow');

工作