點擊一個div展開它，點擊它使用JavaScript

Question

我不知道關閉它，爲什麼我不能複製我的網站這個功能。首先，令人難以置信的是它在一個頁面上工作。我可以從字面上複製該頁面的每一段代碼，當我嘗試在同一目錄中構建新頁面時，我無法複製相同的功能。 我正在查看左側菜單上的「佣金」按鈕。

下面是這頁是正確的功能代碼。

<li class="has-sub "> 
    <a href="javascript:;"> 
     <i class="icon-table"></i> 
     <span class="title">Commissions</span> 
     <span class="arrow "></span> 
    </a> 
    <ul class="sub"> 
     <li ><a href="freedomtextim/multi pay Life_ printable payout spreadsheet_published.xlsx">Life Grid</a></li> 
     <li ><a href="freedomtextim/annuities/annuity multi pay_ printable payout spreadsheet_published.xlsx">Annuity Commission</a></li> 
     <li ><a href="freedomtextim/FEG Promotional Guidelines 2014.docx">Promotional Guidelines</a></li> 
    </ul> 
</li> 

當您檢查元素，這是你所看到的：

當你點擊和檢查元素，這是點擊後的變化，它的變化從display none到display block:

終於DIV名稱更改爲sub open和arrow open

這是我的代碼：

<li class="has-sub "> 
    <a href="javascript:;"> 
     <i class="icon-table"></i> 
     <span class="title">Commissions</span> 
     <span class="arrow "></span></a> 
     <ul class="sub" style="display: block; overflow: hidden: 40.234671256042006px; padding-top: 0px; margin-top: 3.498667065742783; padding-bottom: 0px; margin-bottom: 3.498667065742783px; "> 
      <li ><a href="freedomtextim/multi pay Life_ printable payout spreadsheet_published.xlsx">Life Grid</a></li> 
      <li ><a href="freedomtextim/annuities/annuity multi pay_ printable payout spreadsheet_published.xlsx">Annuity Commission</a></li> 
      <li ><a href="freedomtextim/FEG Promotional Guidelines 2014.docx">Promotional Guidelines</a></li></ul> 

我試着只是添加額外的代碼來讓它工作..你會看到在代碼的第二位「這是我的代碼」。我想不通爲什麼如果我複製並粘貼一切從原來的頁面，新的頁面將無法正常工作。所有相同的代碼是有..沮喪..

頁面上的唯一JavaScript是一對夫婦的片段：

function newPopup(url) { 
    popupWindow = window.open(
     url,'popUpWindow','height=800,width=1200,left=0,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes') 
} 

<!-- BEGIN RESPONSIVE MENU TOGGLER --> 
       <a class="btn btn-navbar collapsed" id="main_menu_trigger" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="arrow"></span> 
       </a>   
       <!-- END RESPONSIVE MENU TOGGLER --> 

任何幫助將不勝感激。謝謝。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.