HTML:
<div class="interview">
<h4>Interview</h4>
<a href="#" class="question">This is question 1?</a>
<div class="answer">This is an answer!</div>
<a href="#" class="question">This is question 2?</a>
<div class="answer">This is an answer!</div>
<a href="#" class="question">This is question 3?</a>
<div class="answer">This is an answer!</div>
</div>
jQuery:
if ($('interview')[0]) {
$('interview .question').toggle(function () {
$(this).next('.answer').slideIn();
},
function () {
$(this).next('.answer').slideOut();
});
}
...我不明白为什么它不起作用。
注意点:
.interview
另外,没有slideIn,请尝试
slideDown
和slideUp
:http://jsbin.com/ajawo3
如果这些函数中没有任何其他代码,更好的选择是
slideToggle
:http://api.jquery.com/slideToggle/
您正在使用类选择器,它应该以
.
开头
所以你必须改变
$('interview .question')
到
$('div.interview .question')
这是一个简单的版本...
$('a.question').click(function () {
$(this).next('.answer').slideToggle();
});