0

私はこの機能を持っています

JS

$(document).ready(function(){
$(".slidingDiv").hide();
$('.toggle-next-div').click(function(event){
event.preventDefault();
$(this).next().slideToggle();
});
});

HTML

<a href="#" class="toggle-next-div">Map</a>
<div class="slidingDiv">
<strong>Content</strong>
</div>

ここで、div 自体の中に div を非表示にするリンクを追加する必要があります (ポップアップ ウィンドウの「閉じるボタン」が必要です)。

このようにdivを閉じるために同じ関数を使用できないようです

<div class="slidingDiv">
<a href="#" class="toggle-next-div">Close</a>// it doesn't work why?
<strong>Content</strong>
</div>

div内のリンク「閉じる」でウィンドウを閉じるにはどうすればよいですか?

4

2 に答える 2

0

最初に close div クラスを変更してから、javascript コードを使用します Close// なぜ機能しないのですか? コンテンツ 

$(document).ready(function(){

    $(".slidingDiv").hide();

    $('.toggle-next-div').click(function(event){
    event.preventDefault();
    $(".slidingDiv").slideToggle();
    });

    //newly added code for close button
    $('.toggle-next-div2').click(function(event){
    event.preventDefault();
     $(".slidingDiv").slideToggle();
    });

});
于 2013-09-28T18:49:47.773 に答える
0

これを試して、

$(".toggle-next-div").click(function(){
    $(this).parents('.slidingDiv').slideUp();
});

http://jsfiddle.net/nKzXJ/1/

于 2013-09-28T18:56:59.510 に答える