折叠导航栏不'；不能使用HTML、CSS和JavaScript

我创建了CSS：

.nav{
    right: 0px;
    left: 0px;
    margin-top: 0px;
    margin-bottom:20px;
    height: 35px;
    text-align: center;
    background-color: red;
    z-index: 1;
}

.sticky {

background: #000;
text-align: center;
margin: 0 auto;
position: fixed;
z-index: 9999;
border-top: 0;
top: 0px;
font-size: 17px;
box-shadow: 0px 0px 3px 0px #949494;
background: #10b5fa;
padding-top: 6px;

} 
.accordion-section-title {

width:100%;
padding:10px;
display:inline-block;
border-bottom:1px solid #1a1a1a;
background:#333;
transition:all linear 0.15s;
/* Type */
font-size:1.200em;
text-shadow:0px 1px 0px #1a1a1a;
color:#fff;
text-decoration: none;
}

.accordion-section-title.active, .accordion-section-title:hover {
    background:#4c4c4c;
    /* Type */
    text-decoration:none;
}



/*----- Section Content -----*/
.accordion-section-content {
    padding:10px;
    display:none;
}

我的JavaScript

jQuery(document).ready(function() {
function close_accordion_section() {
    jQuery('.accordion .accordion-section-title').removeClass('active');
    jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open');
}

jQuery('.accordion-section-title').click(function(e) {
    // Grab current anchor value
    var currentAttrValue = jQuery(this).attr('href');

    if(jQuery(e.target).is('.active')) {
        close_accordion_section();
    }else {
        close_accordion_section();

        // Add active class to section title
        jQuery(this).addClass('active');
        // Open up the hidden content panel
        jQuery('.accordion ' + currentAttrValue).slideDown(300).addClass('open'); 
    }

    e.preventDefault();
});
});

和我的HTML：

<nav class="nav sticky">

            <a class=".accordion-section-title" href="#tujuan"> Kategori</a>
            <div id="tujuan" class="accordion-section-content">
                <p>Hello World</p>
            </div>

        </nav>

你好，世界

我的问题是为什么id“tujuan”没有工作来展示手风琴？这是我学到的来源：

---

谢谢

只要看一下代码，行：

删除“.accordion”前面的句号

要做到这一点：-->

唯一将类称为“.something”的时候是在HTML之外调用它。与CSS或JS类似，否则只需按常规键入类即可

如果您创建一个JSFIDLE，我可以更深入地研究它。否则，祝你好运，快乐编码

---

CB

您丢失了一些HTML，并且没有使用jQuery函数调用任何东西：当您使用

.nav

类时，它被设置为

.accordion

参见示例

jQuery（文档）.ready（函数（）{
功能关闭\u手风琴\u节（）{
jQuery（'.nav.accordion节标题'）.removeClass（'active'）；
jQuery（'.nav.accordio section content'）.slideUp（300）.removeClass（'open'）；
}
jQuery（“.accordion节标题”）。单击（函数（e）{
//抓取当前锚定值
var currentAttrValue=jQuery（this.attr（'href'）；
if（jQuery（e.target）.is（'.active'））{
关闭“手风琴”部分（）；
}否则{
关闭“手风琴”部分（）；
//将活动类添加到节标题
jQuery（this.addClass（'active'）；
//打开隐藏的内容面板
jQuery（'.nav'+currentAttrValue）.slideDown（300）.addClass（'open'）；
}
e、 预防默认值（）；
});
});
.nav{
右：0px；
左：0px；
边际上限：0px；
边缘底部：20px；
高度：35px；
文本对齐：居中；
背景色：红色；
z指数：1；
}
.粘的{
背景：#000；
文本对齐：居中；
保证金：0自动；
位置：固定；
z指数：9999；
边界顶部：0；
顶部：0px；
字号：17px；
盒影：0px 0px 3px 0px#9494；
背景：#10b5fa；
填充顶部：6px；
}
·手风琴组名称{
宽度：100%；
填充：10px；
显示：内联块；
边框底部：1px实心#1A1A；
背景：#333；
过渡：全线性0.15s；
/*类型*/
字号：1.200em；
文本阴影：0px 1px 0px#1a1a1a；
颜色：#fff；
文字装饰：无；
}
.accordio-section-title.active，
.手风琴部分标题：悬停{
背景：#4c；
/*类型*/
文字装饰：无；
}
/*-----章节内容-----*/
.手风琴节内容{
填充：10px；
显示：无；
}

你好，世界

哦，我的上帝，谢谢你，那是我的失败，我没有看到。不客气，如果解决方案有效，请将你的问题标记为已回答，以便其他人可以从中受益。