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

试试这个，

<强> Live Demo

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

Answer 2

与Adil的答案类似，但更符合您的规范（切换每个后续div，即）：

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

用于切换Google Chrome中未按预期运行的类的代码

2 个答案: