点击一个div展开它，点击它使用JavaScript

我不知道关闭它，为什么我不能复制我的网站这个功能。首先，令人难以置信的是它在一个页面上工作。我可以从字面上复制该页面的每一段代码，当我尝试在同一目录中构建新页面时，我无法复制相同的功能。 我正在查看左侧菜单上的“佣金”按钮。点击一个div展开它，点击它使用JavaScript

下面是这页是正确的功能代码。

<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>

当您检查元素，这是你所看到的： has sub and arrow are the divs that change

当你点击和检查元素，这是点击后的变化，它的变化从display none到display block: enter image description here

终于DIV名称更改为sub open和arrow open enter image description here

这是我的代码：

<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 -->

任何帮助将不胜感激。谢谢。

来源

2014-03-06 cooking good

我现在将它发布..我只是意识到我离开了它。 –

应该有一些JavaScript是添加/删除类打开，它在哪里？ –

可能有一些外部脚本包含在原始页面上，但不包含在您的页面上。寻找具有网址的'

点击一个div展开它，点击它使用JavaScript

相关问题