Javascripts似乎间歇性地用于列表折叠和扩展html

时间:2017-07-27 07:47:42

标签: javascript html html-lists

我使用的是来自 - jsfiddle

的代码

我修改了类似于 -

的代码
<body>
  <ul>

    <li onclick="toggle('Items')"><b>Items</b></li>
    <ul id="Items" style="display:none">
      <!-- skeleton  start   -->
      <li onclick="toggle('Item1')"><b>Item1</b></li>
      <ul id="Item1" style="display:none">
        <li>Item2</li>
        <li>Item3</li>
        <li>Item4</li>
      </ul>
      <li onclick="toggle('Items5')"><b>Items5</b></li>
      <ul id="Items5" style="display:none">
        <li>Item6</li>
        <li>Item7</li>
      </ul>
      <li onclick="toggle('Items8')"><b>Items8</b></li>
      <ul id="Items8" style="display:none">
        <li onclick="toggle('Items9')"><b>Items9</b></li>
        <ul id="Items9" style="display:none">
          <li>Items10</li>
        </ul>
        <li onclick="toggle('Items11')"><b>Items11</b></li>
        <ul id="Items11" style="display:none">
          <li>Items12</li>
        </ul>
        <li>Items13/li>
      </ul>
    </ul>
  </ul>
  <ul>

    <li onclick="toggle('newitems')"><b>Items-New</b></li>
      <ul id="newitems" style="display:none">
        <!-- skeleton  start   -->
        <li onclick="toggle('NewItem1')"><b>New Item1</b></li>
        <ul id="NewItem1" style="display:none">
          <li>NewItem2</li>
          <li>NewItem3</li>
          <li>NewItem4</li>
        </ul>
      </ul>
  </ul>

</body>

但问题在于它有时会起作用,有时却不起作用。我能够正确地展开折叠项目和子项目,而有时它不响应。我不知道为什么每次都不起作用。有时,新项目不会扩展,有时也会扩展。非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

  

请访问here,点击JavaEnvironment Setup似乎无法正常运行。如果您点击Introduction to Java,它就会开始工作。

页面中的此元素将涵盖您的环境设置元素

<div class="vbox wb_container" id="wb_footer"> </div>