文章/答案/技术大牛

发布

社区首页 >问答首页 >隐藏具有特定类的所有元素并按ID显示

问隐藏具有特定类的所有元素并按ID显示
EN

Stack Overflow用户

提问于 2013-09-30 15:20:23

回答 1查看 1.3K关注 0票数 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和正确ID可见的元素中隐藏类menu-wrapper的所有元素？

jquery-selectors

show-hide

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-30 15:22:19

试一试

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);
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19097906

复制

相似问题

问隐藏具有特定类的所有元素并按ID显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏具有特定类的所有元素并按ID显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏具有特定类的所有元素并按ID显示
EN