Question

我到处都看，无法解决这个问题。我基本上已经设置了一些自定义的jquery选项卡，这里是javascript和小提琴我有它，我猜我需要添加它吗？

    $(function() {
$("#tabs").tabs({
   collapsible: true,
   hide: 'slideUp', show: 'slideDown',
   active: false
});   
    });

http://jsfiddle.net/benopp/jadpcdvr/3/

如果你看小提琴，当点击标签的任何部分时，我基本上需要箭头指向，与手风琴切换的工作方式相同，箭头指向下方，点击指向后方。（我需要它，所以整个标签会触发它，而不仅仅是箭头会触发）

Answer 1

您可以使用标签小部件上的beforeActivate事件来检测标签何时发生变化。

http://api.jqueryui.com/tabs/#event-beforeActivate

然后将所有箭头设置为向下，查看是否展开了任何标签，将其箭头设置为向上：

$("#tabs").tabs({
    collapsible: true,
    hide: 'slideUp',
    show: 'slideDown',
    active: false,
    beforeActivate: function (event, ui) {
        //first set all arrows down:
        $("#tabs .arrow img").prop("src", "http://upload.wikimedia.org/wikipedia/commons/f/ff/White_Arrow_Down.svg");
        console.log(ui);
        if (ui.newTab.length > 0){
            ui.newTab.find(".arrow img").prop("src", "http://upload.wikimedia.org/wikipedia/commons/7/76/White_Arrow_Up.svg");
        }
    }
});

更新了 FIDDLE

切换jquery选项卡的箭头

1 个答案: