Jquery Firefox css显示问题

我目前正在使用聚合物元素制作网站，如

代码标题面板

，

纸张标签

等

我的标记中有多个

标记，我想在特定的

纸张选项卡上显示和隐藏这些标记

选项卡的我的HTML标记：

<paper-tabs selected="0">
        <paper-tab id="name" name="home">Home</paper-tab>
        <paper-tab id="about" name="about">About IEEE</paper-tab>
        <paper-tab id="sbm" name="sbm">IEEE SBM</paper-tab>
        <paper-tab id="committee" name="committee">Committee</paper-tab>
        <paper-tab id="contact" name="contact">Contact Us</paper-tab>
</paper-tabs>

这是我的Javascript/jQuery代码：

$(document).ready(function(){
    var a = "";

    var tabs = document.querySelector('paper-tabs');

    tabs.addEventListener('core-select', function(e) {
        a = this.selected;
        //console.log("Selected: " + tabs.selected);

        if(!e.detail.isSelected){$("section").fadeOut();}
        setTimeout(function(){
            $("section#"+a).fadeIn();
        }, 500);
    }); 
})

现在，当我在Chromium浏览器上测试它时，这段代码运行良好。单击关于选项卡时，主页淡出，关于页面淡入。但这在Firefox中根本不起作用。主页部分会淡出，但关于的部分不会显示任何内容

我试过
.fadeIn（）
，
.show（）
，
.addClass（）
，但都没用。我该怎么办

谢谢你的帮助。
我的错。我的错误是，我的
纸张选项卡
元素和
部分
元素的ID名称相同。将
部分
s的所有ID都更改为类，这样就可以工作了。很抱歉新手犯了错误。
id只能使用一次，我知道我们有：纸张标签和部分共享同一个id，怎么可能？你能设置一个codepen或jsfiddle，好奇地看到它在chrome中发生吗；）谢谢你@GCyrillus。对不起，这是一个很大的错误。
$(document).ready(function(){
    var a = "";

    var tabs = document.querySelector('paper-tabs');

    tabs.addEventListener('core-select', function(e) {
        a = this.selected;
        //console.log("Selected: " + tabs.selected);

        if(!e.detail.isSelected){$("section").fadeOut();}
        setTimeout(function(){
            $("section#"+a).fadeIn();
        }, 500);
    }); 
})