javascript - 用于切换类的代码在 Google Chrome 中无法按预期工作

Question

我正在使用 jQuery 迈出小步，我不想弄乱我创建的内容。

这段代码切换类，可div在单个页面上打开和关闭多个标签。我有大约 5 个div隐藏的标签，此代码切换类以按顺序打开它们；它们不是同时打开的。

问题是，我刚刚在 Chrome 中测试了该页面，无论我先点击哪个标签，它都不会在第一次点击时打开。我必须点击两次。但是代码在 FF、IE、Safari 中有效。我认为这是索引从 开始的问题0，不确定。

这里是：

$(document).ready(function() {
    $('.readMore').each(function(i) {
        $(this).on('click', function() {
            $(this).toggleClass('readMore readLess');
            $(this).next().toggle();
        });
    });
});

Answer 1

尝试这个，

现场演示

$(document).ready(function() {
  $('.readMore').on('click', function() {
    $(this).toggleClass('readLess');            
  });    
});​

Answer 2

类似于 Adil 的答案，但更符合您的规范（即切换以下每个 div）：

http://jsfiddle.net/JBLjh/2/