0

jqueryでアコーディオンを作ろうとしています。今、私は別のスライドの画像を拡大する方法がわからないという問題に遭遇しました。最初の記事をクリックすると動きますが、次の記事をクリックすると最初の記事の画像が拡大されたままです。これが私のjqueryコードです：

$(document).ready(function() {

        $(function () {
        $(".news").siblings("span").click(function () {
            $(".news").slideUp(200, function() {

                $(this).siblings(".news").toggle(500);

            });

            $(this).siblings(".news").toggle(500);
                $('#test').addClass('article').siblings('#headline').removeClass('article');

        });
    });



});

ここに私のコード全体DEMOがあります。うまくいけば、誰かが私を助けることができます。

4

1 に答える 1

1

有効なHTMLの主なルールの1つである、afaikは、複数の要素に同じIDを使用しないことです。（http://www.w3schools.com/tags/att_global_id.asp）

それはさておき、正しいセレクターを使用することで問題を修正するのは非常に簡単です。

$('.foto').removeClass('article');
$(this).children('.foto').addClass('article');

ここを参照してください：http：//jsfiddle.net/rb7MK/4/

于 2013-02-05T15:15:13.313 に答える