带箭头的自定义手风琴

Question

我有一个定制手风琴，代码如下;

$('h2.expand').next('div').not(':first').hide()
    $('h2.expand').click(function () {

        $(this).next('div').toggle();
        $(this).toggleClass('active');

    });

和标记

<h2 class="expand">Your ASC</h2>
<div>
...
</div>

在页面加载时，第一个div处于打开状态，但箭头处于关闭位置（指向右侧）。

但是我有一个小问题，第一个div上的箭头处于关闭位置，当手风琴关闭时处于打开位置，基本上与我想要的相反..！

如何编辑我的代码，以便在单击h2.expand时箭头向右转？

提前致谢..