jQuery if hasclass addclass

时间:2014-09-23 11:00:00

标签: javascript jquery addclass removeclass toggleclass

这是我到目前为止所做的 - 我试图让文字只显示'timelineTile'变得更大..

$(function () {
    $('.timelineTile').click(function (evt) {
        evt.stopPropagation();
        $('.selected').children().not(this).removeClass('clicked');
        $(this).toggleClass('clicked');

        if($('.selected').children().hasClass("clicked")){
            $('.details').addClass('show');
        }
    });

    $(document).click(function () {
        $('.timelineTile').removeClass('clicked');
        $('.details').removeClass('show');
    });
});

fiddle also

2 个答案:

答案 0 :(得分:0)

添加以下css以仅在框更大时显示文本

.timelineTile table{
    display: none;
}
.timelineTile.clicked table{
    display: block;
}

答案 1 :(得分:0)

http://jsfiddle.net/devools/gjyksjuh/1/ 尝试那个小提琴吗?

$(function () {
    $('.timelineTile').click(function (evt) {
        evt.stopPropagation();
         $('.selected').children().not(this).removeClass('clicked');
        $(this).toggleClass('clicked');

        if($('.selected').children().hasClass("clicked")){
            $('.details').removeClass('show');
           $(this).children('.details').addClass('show');
}
    });


    $(document).click(function () {
        $('.timelineTile').removeClass('clicked');
       $('.details').removeClass('show');
    });
});