Javascript 如何在剪辑锚定标记时打开和关闭div元素

下面是我的html格式，我想在单击

openleft

标记时打开

leftbar

div标记，在单击

openleft

标记时关闭

leftbar

div标记

    <div id="leftbar" class="snap-drawers">
            <div class="snap-drawer snap-drawer-left">
                <div>
                    <br />
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
                        <img src="assets/img/nloop-min.png" alt="" class="drawer-logo" />
                    </div>
                    <br />
                    <ul>
                        <li><a href="#"><i class="fa fa-home fa-1x"></i>&emsp;Home</a></li>
                        <li><a href="#"><i class="fa fa-dot-circle-o fa-1x"></i>&emsp;Tour</a></li>
                        <li><a href="#"><i class="fa fa-bullseye fa-1x"></i>&emsp;FAQ</a></li>
                        <li><a href="#"><i class="fa fa-magic fa-1x"></i>&emsp;About</a></li>
                        <li><a href="#"><i class="fa fa-comment-o fa-1x"></i>&emsp;Contact</a></li>
                    </ul>
                    <br />
                    <p>
                        &copy; 2013 - nLoop</p>
                </div>
            </div>
        </div>
        <div id="content" class="snap-content">
                <div id="sidebarmenu" class="col-lg-1 col-sm-1 col-xs-1 col-md-1">
                    <a href="#" id="open-left"></a>
                </div>
                <div id="rightpart" class="margingap">
            Right part
                </div>
        </div>

    <script type="text/javascript">
            var snapper = new Snap({
                element: document.getElementById('content'),
                disable: 'right'
            });
            $(document).ready(function () {
                var addEvent = function addEvent(element, eventName, func) {
    if (element.addEventListener) {
        return element.addEventListener(eventName, func, false);
    } else if (element.attachEvent) {
        return element.attachEvent("on" + eventName, func);
    }
};

addEvent(document.getElementById('open-left'), 'click', function () {

    snapper.open('left');

        var state = $(this).is('.open');
       if (state) {
            snapper.close('left');
        }
});

            });

        </script> 

&抄袭；2013年-nLoop

右边
var snaper=新捕捉({
元素：document.getElementById（'content'），
禁用：“右”
});
$（文档）.ready（函数（）{
var addEvent=函数addEvent（元素、事件名、func）{
if（element.addEventListener）{
返回元素.addEventListener（eventName，func，false）；
}else if（元素附件）{
返回元素.attachEvent（“on”+eventName，func）；
}
};
addEvent（document.getElementById（'open-left'），'click'，函数（）{
打开（“左”）；
var state=$（this.is（'.open'）；
如果（州）{
snaper.close（'左'）；
}
});
});

在点击锚定标记时打开和关闭div元素：

$("#open-left").click(function(){
    $("#leftbar").toggle();
});

请参见此处的更多信息：

代码说明：

我只是在

#open left

标记上附加了一个click事件，然后调用了

#leftbar

上的

.toggle（）

。这基本上记录了对象的当前状态（隐藏或显示），然后根据状态调用特定函数

---

另外，请参见这个工作示例：。

您是否正在寻找类似jQuery的和？或者？

试试这个：

var isOpen = false;
$("#open-left").click(function(){
    if(isOpen){
       $("#leftbar").slideUp(); isOpen = false;}
    else{ $("#leftbar").slideDown(); isOpen = true; }
});

---

我在你的问题中没有看到任何js代码，你是否错过了发布它？看到了吗？当只单击一个锚定标记时，我想打开div标记并关闭同一标记。@JeetBhatt你试过我的代码吗？我想它也在做同样的事情。@JeetBhatt那么我需要在当前代码中做什么更改呢？：o如何使用Snaper.close（“左”）；或笛鲷。打开（“左”）；而不是toggle（）？