1

テキストhttp://jsfiddle.net/BfMDL/1/をクリックすると、この JavaScript を使用して画像を含む div を開きます

私のスクリプト：

$(document).ready(function() {
    $('.image_trombi').hide();

    $('.titre').click(function() {
        $('.image_trombi').slideUp();
        $(this).next().slideToggle();
        return false;        
    });
});

私のhtml

<div><a href="#" class="titre">image 1</a><div class="image_trombi"><img src="http://lorempixel.com/output/fashion-q-c-200-200-9.jpg" class="trombi_anim"/></div>
<div><a href="#" class="titre">image 2</a><div class="image_trombi"><img src="http://lorempixel.com/output/fashion-q-c-200-200-5.jpg" class="trombi_anim"/></div>
<div><a href="#" class="titre">iamge 3</a><div class="image_trombi"><img src="http://lorempixel.com/output/sports-q-c-200-200-5.jpg" class="trombi_anim"/></div>

それは完全に機能しますが、リンクを再度クリックした後にdivを閉じたいと思います。

したがって、「image1」をクリックして、画像 1 を開き、「image1」をもう一度クリックして、画像 1 を閉じます... というように...

4

2 に答える 2

1

その画像コンテナには必要ない、slideToggle()slideToggle()を実行しているときにのみ使用してください。slideUp()

$('.titre').click(function() { 
    $(this).next().slideToggle();
    return false;        
});

フィドルのデモ

于 2013-10-11T17:16:43.550 に答える