1

こんにちは、私は表示と非表示のための次のコードを持っています。しかし、私のブラウザにはプラスまたはマイナスのイメージがありません。

$(window).ready(function() {
      $('header').click(function() {
        var text = $(this).children(' #bericht');

        if (text.is(':hidden')) {
            text.slideDown('200');
            $('img', this).attr('src', 'images/icons/up.png').show(200);        
        } else {
            text.slideUp('200');
            $('img', this).attr('src', 'images/icons/down.png').show(200);      
        }

    });

    $('img', this).attr('src', 'images/icons/up.png').show(200);

  });
});

これは私が持っている私のhtmlコードです。

<section id="box-ui">
    <header class="head-title">Test kopje<img class="toggle"  src="images/icons/up.png" /></header>
    <div id="bericht" class="berichtui">
    <a href="#">Beetje tekst hier maar....?</a><br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?</div>
</section>

<section id="box-ui">
    <header class="head-title">Test kopje<img class="toggle"  src="images/icons/up.png" /></header>
    <div class="berichtui">
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?<br>
    Beetje tekst hier maar....?</div>
</section>

それで、私は私に言うことができる間違った人々を何をしていますか;）

これは私がJSFIDDLEに持っているものです。

4

1 に答える 1

2

現在のドキュメントだけが準備完了イベントを持ち、ウィンドウにはありません。
ソースを設定しているコードの最後の行でthis、window オブジェクトですか?
IDbox-uiが 2 回使用されているため、他の ID の一部も使用されていますか?
アニメーション メソッドの速度を引用しないでください。
また、矢印の画像を背景として設定しました。

$(document).ready(function () {
    $('header').on('click', function () {
        var section = $(this).closest('section'),
            text    = section.find('.berichtui'), // use classes, not ID
            img     = $(this).find('img'),
            state   = text.is(':hidden');

        text[state?'slideDown':'slideUp'](200);
        img.prop('src', function() {
            return state ? 'images/icons/up.png' : 'images/icons/down.png';
        });
    });

    $('.box-ui img').show(200);
});

フィドル

于 2013-10-03T18:55:26.690 に答える