html - 所选 div 的 Accordion 切换

Question

我正在为我的新元素使用 bootstrap 3，我想使用 bootstrap Accordion 菜单。这里一切正常。

我的问题是切换图标。

我只需要为选定的 div 旋转 ×。

这是我尝试过的:

var targetDiv = $('.tog');
var i = 0;
var degrees;
var rotation;

$('.tog').click(function() {
    i++;
    degrees = i * -45;
    rotation = 'rotate(' + degrees + 'deg)';
   targetDiv.css('-webkit-transform', rotation);
    });

这是 fiddle 的链接:https://jsfiddle.net/5pLwxus7/5/

如您所见，当单击 .tog 时，所有剩余的 div 也会响应。

我将不胜感激。

Answer 1

您可以使用currentTarget 找出当前被点击的div。在此处查看更新的 fiddle :

https://jsfiddle.net/n6xd8953/

//var targetDiv = $('.tog');
var i = 0;
var degrees;
var rotation;

$('.tog').click(function(event) {
    var currentDiv = event.currentTarget;
    i++;
    degrees = i * -45;
    rotation = 'rotate(' + degrees + 'deg)';
    $(currentDiv).css('-webkit-transform', rotation);
});