区分Accordion中的展开/折叠点击

Question

我有点击标题的点击。有没有办法区分点击是扩展当前标头还是折叠它？

 $('.acord h3').bind('click', function (e) {

    // bind to the the header / anchor clicks
    //need way to differentiate between expanding/collapsing click here
    //only do below if it is expanding.

    e.stopPropagation();
    var x=(this);        
    alert(x.getElementsByTagName("A")[0].getAttribute("href"));

});

Answer 1

您可以使用class或data - 属性来检测，例如

var $el = $(this);
var isOpened = $el.hasClass('open'); // or check some data-attribute
$el.toggleClass('open', !isOpened);