1

好的，所以我有这段代码可以切换幻灯片功能。我想在打开内容的各个部分以读取 head="collapsed, head" 的链接中添加第二个类，但是当我这样做时，JQuery 停止工作，我不知道为什么。任何帮助，将不胜感激。

<!DOCTYPE html>
<html>
<head>
  <style>
    * { margin:0; padding:0; } /* a simple reset */
    .head, li, h2 { margin-bottom:15px; }
    .head { display:block; }
    .content { display:none; }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">    </script>
  <script>
$(document).ready(function(){
  $('.head').click(function(e){
    e.preventDefault();
    $(this).closest('li').find('.content').slideToggle();
  });
});
</script>
</head>
<body>
<div><a onclick="expandAll()"><strong>Expand All</strong></a></div>
<div><a onclick="collapseAll()"><strong>Collapse All</strong></a></div>
  <ul>
    <li>
     <a href='#' class='head'>Heading 1</a>
  <div class='content'>Content 1
  </div>
</li>
<li>
  <a href='#' class='head'>Heading 2</a>
  <div class='content'>Content 2</div>
</li>
<li>
  <a href='#' class='head'>Heading 3</a>
  <div class='content'>Content 3</div>
</li>
 </ul>
</body>
</html>
4

1 回答 1

0

多个类之间不应有逗号。所以你应该添加

class="collapsed head"
于 2013-05-29T19:13:37.413 回答