Question

我正在为新项目使用bootstrap 3，我想使用bootstrap手风琴菜单。这里一切都很好。

我的问题是切换图标。

我只需要为选定的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);
    });

以下是小提琴的链接：https://jsfiddle.net/5pLwxus7/5/

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

我将不胜感激。

Answer 1

您可以使用currentTarget来查找当前单击的div。在这里查看更新的小提琴：

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);
});

所选div的手风琴切换

1 个答案: