jQuery slidetoggle也toggleclass

Question

嗨我想在我滑动块时切换一个类。默认情况下，我让他们加载右箭头，除非它已经打开，我已经在我的HTML中手动完成了。

我使用了以下代码：

$(this).toggleClass("entypo chevron-right");

然而，这会将雪佛龙右侧输入错误的位置。我希望将它添加到以下部分：

<h3 class="showpageblock"><span class="entypo chevron-down"></span> Site settings</h3>

但是，当我用上面的目标$(this)替换$(.showpageblock span)时，它会替换所有类而不是单击的元素。

我不确定我试图实现这个的方式是否正确，因为我不认为JS会分别识别何时插入向下和向右箭头。我觉得JS需要知道哪一个是活动的，哪一个不是。我的经验是基本的，所以我不确定正确的方法。如果有人能指出我正确的方向，将非常感激。

点击下方查看我的JSFiddle。

JSFIDDLE

Answer 1

$(this)实际上指的是<h3 class="showpageblock">，而不是指向“h3”标记内的<span class="entypo chevron-down"></span>。

更改此

$(this).toggleClass("entypo chevron-right");

到

$(this).find('span').toggleClass("entypo chevron-right");

现场演示：

http://jsfiddle.net/dreamweiver/5umDs/2/

快乐编码：）