javascript - 选择器过于复杂，需要变得简单

Question

我写了一个脚本，它也按照我想要的方式运行，但是选择器很糟糕，有没有人有比我所做的选择器更好的建议？

我写的工作脚本在这里，但根本不 Eloquent ! http://jsfiddle.net/xxsqye3q/

以防 fiddle 在某个时候丢失:

$('body').on('click','.js_spec', function(e){
    e.preventDefault();
    $('.file-spec-container').slideUp(200);
    $(this)
    .parent()
    .first()
    .next()
    .children()
    .closest('.file-spec-container:hidden')
    .slideDown(200);
})

Answer 1

目标.file-spec-container元素是当前元素父元素的下一个同级元素的后代

$('body').on('click', '.js_spec', function (e) {
    e.preventDefault();
    var $target = $(this)
        .parent()
        .next()
        .find('.file-spec-container:hidden')
        .slideDown(200);
    $('.file-spec-container').not($target).slideUp(200);
})

演示:Fiddle