当有人点击bootstrap手风琴面板时如何制作一个cookie?

时间:2017-03-11 12:31:44

标签: javascript twitter-bootstrap

当有人点击bootstrap手风琴面板时,我想制作一个cookie。

由于

2 个答案:

答案 0 :(得分:0)

您只需使用document.cookie = 'value';

在Javascript中设置cookie即可

将代码添加到手风琴面板上的click事件中。

注意:如果您遇到的部分已添加,请添加您的代码:)

答案 1 :(得分:0)

是的,我找到了解决方案

<script>
$(".openpanel").on("click", function() {
    $("#panel3").collapse('show');
$.cookie("test", 1);

});
$(".closepanel").on("click", function() {
    $("#panel3").collapse('hide');
});

/* ensure any open panels are closed before showing selected */
$('#accordion').on('show.bs.collapse', function () {
    $('#accordion .in').collapse('hide');
});
</script>




<button type="button" class="btn openpanel">Open panel 3</button>
<button type="button" class="btn closepanel">Close panel 3</button>
<hr>
<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel1">Panel 1</a>
            </h4>
        </div>
        <div id="panel1" class="panel-collapse collapse">
            <div class="panel-body">
                Contents panel 1
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel2">Panel 2</a>
            </h4>
        </div>
        <div id="panel2" class="panel-collapse collapse">
            <div class="panel-body">
                Contents panel 2
            </div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#panel3">Panel 3</a>
            </h4>
        </div>
        <div id="panel3" class="panel-collapse collapse">
            <div class="panel-body">
                Contents panel 3
            </div>
        </div>
    </div>
</div>

由于