javascript - 如何在 jquery 选项卡中为 addclass 设置动画？

Question

我正在尝试为这个 jquery 选项卡设置动画，但什么也没发生，也许你知道答案？

我尝试在“this”块和淡入/淡出动画上使用 css 转换，但控制台总是说我“$fadeIn(...) 不是一个函数。”

$(document).ready(function(){
    $('ul.tabs li').click(function(){
        var tab_id = $(this).attr('data-tab');

        $('ul.tabs li').removeClass('current');
        $('.tab-content').removeClass('current');

        $(this).addClass('current');
        $("#"+tab_id).addClass('current');
    })
})

完整的 codepen 相同在这里

标签： javascriptjquery

Answer 1

在您的 codepen 中，您可以使用 CSS 为您的标签内容设置动画。你可以看看这个以前问过的问题。试试这个：

ul.tabs li {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}