1

我使用 jquery 的hide()函数在页面加载时隐藏了特定类的所有元素。单击链接时，我正在尝试根据其 ID 再次显示该元素。

有 7 个元素的类被隐藏，每个元素都有不同的 ID。单击包含的链接时，href="#element-id"它应该只显示该元素并隐藏所有其他元素。

这是我当前隐藏元素的代码：

var menu = $('div.menu-wrapper');
menu.hide();

这是我应该在点击时显示正确元素的内容：

$('area').click(function() {
    if($(this).attr('id') !== 'button') {
        var target = $(this).attr('href');
        target.toggle('slide', {
            direction: 'right'
        }, 900);    
    }
});

现在单击元素时没有任何反应。我怎样才能menu-wrapper隐藏所有具有类的元素，而只有具有类menu-wrapper和正确 ID 的元素可见？

4

1 回答 1

1

尝试

var menu = $('div.menu-wrapper');
menu.hide();
//register the event handler to area elements other than #button
$('a:not(#button)').click(function () {
    //hide all elements referred menu
    menu.hide();
    //get the target jQuery wrapper, the href need to start with #
    var target = $($(this).attr('href'));
    target.toggle('slide', {
        direction: 'right'
    }, 900);
});
于 2013-09-30T15:22:19.260 回答