javascript - 我是否错误地使用了 $(this) 或 .click？

Question

我正在尝试构建一个简单的常见问题解答页面，其中包含在单击问题时向下和向上滑动的答案。当用户点击带有“question”类的内容时，我希望 mytarget 变为 '#' + [that question's id] + 'ans' 这样适当的答案就会向下滑动。

当我只给它一个答案的 ID 时，toggleSlide 部分就可以工作；我不确定我的 .click 函数是否有误，或者我对 $(this) 的使用有误，还是两者都有。

$(document).ready(function() {
    var qid = '';
    var mytarget = '';

    function toggleSlide() {
        if ($(mytarget).css('display') == 'none') {
            $(mytarget).slideDown(600, 'swing');
        }

        else if ($(mytarget).css('display') == 'block') {
            $(mytarget).slideUp(600, 'swing');
        }
    };

    $('.answer').hide();
    $('.question').click(function() {
        qid = $('this').id();
        mytarget = '#' + qid + 'ans';
        toggleSlide();
    });
});​

Answer 1

试试这个:

$(function() {  // shorthand for $(document).ready()...
    $('.answer').hide(); // preferably div.answer if they are all <div>s
    $('.question').click(function() {
        // no need to check what it currently is, use slideToggle
        $('#' + this.id + 'ans').slideToggle(600, 'swing');
    });
});