0

私はjQueryで赤ちゃんの一歩を踏み出していますが、自分が作成したものを台無しにしたくありません。

divこのコードは、1 つのページで複数のタグを開閉するトグル クラスです。非表示のタグが約 5 つdivあり、このコードはクラスを切り替えて順番に開きます。すべてが同時に開かれるわけではありません。

問題は、Chrome でページをテストしたところ、最初にクリックしたタブに関係なく、最初のクリックでページが開かないことです。2 回クリックする必要があります。ただし、コードは FF、IE、Safari で動作します。これは から始まるインデックスの問題だと思いますが、よくわかり0ません。

ここにあります：

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

2 に答える 2

1

これを試して、

ライブデモ

$(document).ready(function() {
  $('.readMore').on('click', function() {
    $(this).toggleClass('readLess');            
  });    
});​
于 2012-08-09T15:45:00.640 に答える
0

Adilの回答に似ていますが、仕様に沿っています(次の各divを切り替えます):

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

于 2012-08-09T15:57:04.300 に答える