如何打開和關閉div元素，同時錨點標記

下面是我的html格式我想打開leftbar div標記，同時點擊open-left標記並關閉leftbar div標記，同時點擊open-left標記。如何打開和關閉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-12-22 Jeet Bhatt

我沒有看到你的問題的任何js代碼，你錯過了後呢？ – Praveen

請參閱http://jsfiddle.net/arunpjohny/7M3xV/2/ –

打開和關閉div元素，而cliking一個錨標記：

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

查看更多有關此位置：.toggle() Documentation

代碼解釋：

我只是附加點擊活動#open-left標記，然後我打電話.toggle()對#leftbar。這幾乎記錄了當前對象的狀態，隱藏或顯示，然後根據狀態調用特定的函數。

此外，請參閱此工作示例：fiddle。

來源

2013-12-22 13:54:15

我想打開div標籤，並在單擊一個錨標籤時也關閉同樣的標籤。 –

@JeetBhatt你有沒有試過我的代碼？我認爲它也是這樣做的。 –

雅，我試了你的代碼 –

你可能在尋找像jQuery的hide()和show()？或toggle()？

來源

2013-12-22 13:55:55

是的，在這種格式下.. –

試試這個：

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

來源

2013-12-22 13:57:37 HICURIN

它不工作...它沒有打開左邊的第一次.. –

如何打開和關閉div元素，同時錨點標記

回答

相關問題