1

スライドトグル機能を使用して、リンクをクリックしたときにボックスを開いたり閉じたりしています。そのボックス内に「閉じる」ボタン（リンク）を追加できるようにしたいだけでなく、スライドトグルトリガーを介してボックスを閉じることができるようにしたい。どうすればいいですか？

これは私のjQueryです：

$(".popup-b").hide(); 
$(".popup-l").click(function(){
    $(this).toggleClass("active").next().slideToggle(0);
    return false;
});

私のHTML

<a class="popup-l" href="#">Areas</a>
<div id="area-p" class="popup-box">
    <div class="close-this"><a href="#">Close</a></div>
    <p>This is the popup box</p>
</div>
4

2 に答える 2

1

このFiddleをチェックして、動作することを確認してください。

$(".popup-content").hide(); 
$(".popup-title").click(function(){
    $(this).toggleClass("active").next().slideToggle(0);
    return false;
});
$(".popup-content .close-this").click(function(){
    $(".popup-title", $(this).parents(".popup-box")).click();
    return false;
});

このようactiveにして、閉じるリンクも使用されたときにクラスが設定されます。

.popup-boxまた、同じページに多数を含めることもできます。

于 2011-05-06T13:48:29.760 に答える
0

jQuery：

$(".popup-b").hide(); 
$(".popup-l").click(function(){
    $(this).toggleClass("active").next().slideToggle(0);
    return false;
});
$(".close-popup").click(function() {
  $(this).parent().prev().toggleClass("active").next().slideToggle(0);
);

HTML

<a class="popup-l" href="#">Areas</a>
<div id="area-p" class="popup-box">
    <div class="close-this"><a href="#" class="close-popup">Close</a></div>
    <p>This is the popup box</p>
</div>
于 2011-05-06T13:45:42.363 に答える