0

ボタンをクリックすると、div別のボタンdivが画面を下にスライドして情報とともに表示されますが、自動的に閉じます。divボタンdivをもう一度クリックして閉じるまで、このスライドを開いたままにしておきます。

jQueryコードは以下のとおりです。

jQuery(document).ready(doContactInfoPanel);

function doContactInfoPanel() {
    jQuery('.info-btn-slide').click(function() {
        jQuery('#info-slide-panel').slideToggle('slow');
    });
}

だから私の質問は、もう一度#info-slide-panelクリックして閉じるまで開いたままにするにはどうすればよいですか？.info-btn-slide

jQuery(document).ready(doAddHtml);

function doAddHtml() {
    jQuery('.slide').after("<div id='info-slide-panel'><p>Work Tel :  <br><br></p><br><p>Cell :  <br><br></p></div>");
    jQuery('#info-slide-panel').after("<div class='info-slide'><a href='#'  class='info-btn-slide'></a></div>");
}
4

2 に答える 2

0

これはあなたのために働きますか？

Javascript

$('.slide').click(
    function(){
        $(this).slideToggle('slow');
    }
);

$('.open').click(
    function(){
        $('.slide').slideToggle('slow');
    }
)

CSS

.slide{
 height: 100px;
 width: 100px;
 background: red;
}

HTML

<div class="slide">Hello how do yo do</div>
<div class="open">open</div>
于 2011-02-21T05:10:47.793 に答える
0

クリックイベントを2回登録する必要があります。クリックイベントは切り替えられているため、開いたり閉じたりするだけです。ソースを見て、そのJavaScriptを2か所にロードしているかどうかを確認できますか？

于 2011-02-21T05:14:22.883 に答える