有一个<ul>
导航链接。一项特别<li>
实际上变成了3个链接。想要那个特别的<li>
滑动打开和关闭以显示其他三个链接。
托管here.
<ul id="courseLinks">
<li><a href="#"><strong>Week 1</strong> introduction</a></li>
<li><a href="./homework/week2/week2homework.htm"><strong>Week 2</strong> dev tools + standards</a></li>
<li><a href="./homework/week3/week3homework.htm"><strong>Week 3</strong> HTML 5 & SEO</a></li>
<li><a href="#" id="homeworkSlide"><strong>Week 4</strong> css concepts</a></li>
<li id="slider"><a href="homework/week4/exercise1.htm">Exercise 1</a>
<a href="homework/week4/exercise2.htm">Exercise 2</a>
<a href="homework/week4/week4homework.htm">Homework</a></li>
<li><a href="#"><strong>Week 5</strong> advanced css</a></li>
<li><a href="#"><strong>Week 6</strong> server side includes</a></li>
<li><a href="#"><strong>Week 7</strong> site construction</a></li>
<li><a href="#"><strong>Week 8</strong> development methodology 1</a></li>
<li><a href="#"><strong>Week 9</strong> user experience</a></li>
<li><a href="#"><strong>Week 10</strong> social software</a></li>
<li><a href="#"><strong>Week 11</strong> project work</a></li>
<li><a href="#"><strong>Week 12</strong> final examination</a></li>
</ul><!--nav-->
Jquery:
$('#homeworkSlide').click(function() {
$('#slider').slideToggle('slow', function() {
// Animation complete.
});
});
拒绝工作。自学javascript至此,是不是可以修改了<ul>
以这种方式?还是我做错了什么?
最佳答案
我已阅读您的 host 上的源代码,发现绑定(bind)操作没有绑定(bind)在$(document).ready(...)
中,可能就是这个原因。
所以,修改代码。
$(document).ready( function() {
$('#homeworkSlide').click(function() {
$('#slider').slideToggle('slow', function() {
// Animation complete.
});
});
} );
关于javascript - 可以 .slideToggle() 特定的 <li> 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12792336/