Jquery FAQ 用 "dd"和 "dt"切换，点击关闭答案

Question

当我单击出现答案的问题时，我会返回答案隐藏的问题。我正在寻找的是在答案末尾插入一个关闭文本链接来关闭答案。你能帮我么？ 这是我现在使用的脚本:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {          
        $('.faq dd').hide();
        $('.faq dt').click(function(){
          $(this).next().slideToggle('slow');
        });
    });
</script>

此外，我希望问题看起来像链接，当鼠标悬停时，应该出现光标而不是“I”。

Answer 1

这是您的工作代码

<script src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('.faq dd').hide(); 

    $('.faq dt').click(function(){ 
            $(this).next('dd').slideToggle('slow'); 
        });

    $('a.close').click(function (){ $(this).parent('dd').slideUp('slow'); });
 }); 
</script> 

<dl class="faq">
<span style="font-size: 14px; ">
<span class="Apple-style-span" style="font-family: Verdana, Geneva, sans-serif; ">
    <dt><span style="color: rgb(10, 171, 253); ">Question?</dt>

    <dd>Answer.<a class="close" href="#">Close Text</a></dd> 
</span>
</span>
</dl>