Javascript Accordion遇到jQuery问题

我目前正在使用Accordion&jQuery制作一个HTML下拉列表。例如，在下面的代码片段中，我有不同级别的AU控件。我想用级别秩组织父行，然后在每个级别父行下组织适当的控件

$（文档）.ready（函数（）{
$（'.ui.accordion'）.accordion（）；
/*改变手风琴颜色的另一种方法*/
//$（“.drop”）.css（“颜色”、“黄色”）；
});
/*这不起作用*/
.ui.styled.accordion.accordion.title，
.ui.styled.accordion.title{
颜色：黑色；
背景色：#eee；
光标：指针；
填充：18px；
宽度：100%；
高度：自动；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.5s；
}
.ui.styled.accordion.accordion.title，
.ui.styled.accordion.标题：悬停{
颜色：#f2711c；
}

二级
AU.2.041确保单个系统用户的行为可以唯一地追溯到这些用户，以便他们对自己的行为负责。
你好
AU.2.042创建并保留系统审计日志和记录，以实现对非法或未授权系统活动的监控、分析、调查和报告。
你好
AU.2.043提供了一种系统功能，可将内部系统时钟与权威来源进行比较和同步，以生成审计记录的时间戳。
你好
AU.2.044审查审计日志。
你好
确定在测试和阅读文档后，我发现了问题。
您正在使用
accordion

现在，让我们看看您的html并尝试找出问题所在

这是您的原始Html

<div class="ui stackable grid container">
                    <div class="one column row">
                        <div class="column">
                            <div class="ui styled accordion"> <!-- Accordion parent -->
                                <div class="title"><i class="dropdown icon"></i>Level 2</div>       
                                <div class="content">
                                    <div class="ui divider"></div>
                                    <div class="">
                                        <div class="three column row">
                                            <div class="column">
                                                <div class="ui styled accordion">
                                                    <div class="title drop"><i class="dropdown icon"></i>AU.2.041 Ensure that the actions of individual system users can be uniquely traced to those users so they can be held accountable for their actions.</div>
                                                    <div class="content">
                                                        hi
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 

/*这不起作用*/
.ui.styled.accordion.accordion.title.ui.styled.accordion.title{
颜色：黑色；
背景色：#eee；
光标：指针；
填充：18px；
宽度：100%；
高度：自动；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.5s；
}
.ui.styled.accordion.accordion.title.ui.styled.accordion.title:悬停{
颜色：#f2711c；
}

二级
AU.2.041确保单个系统用户的行为可以唯一地追溯到这些用户，以便他们对自己的行为负责。
你好
AU.2.042创建并保留系统审计日志和记录，以实现对非法或未授权系统活动的监控、分析、调查和报告。
你好
AU.2.043提供了一种系统功能，可将内部系统时钟与权威来源进行比较和同步，以生成审计记录的时间戳。
你好
AU.2.044审查审计日志。
你好
确定在测试和阅读文档后，我发现了问题。
您正在使用
accordion

现在，让我们看看您的html并尝试找出问题所在

这是您的原始Html

<div class="ui stackable grid container">
                    <div class="one column row">
                        <div class="column">
                            <div class="ui styled accordion"> <!-- Accordion parent -->
                                <div class="title"><i class="dropdown icon"></i>Level 2</div>       
                                <div class="content">
                                    <div class="ui divider"></div>
                                    <div class="">
                                        <div class="three column row">
                                            <div class="column">
                                                <div class="ui styled accordion">
                                                    <div class="title drop"><i class="dropdown icon"></i>AU.2.041 Ensure that the actions of individual system users can be uniquely traced to those users so they can be held accountable for their actions.</div>
                                                    <div class="content">
                                                        hi
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 

/*这不起作用*/
.ui.styled.accordion.accordion.title.ui.styled.accordion.title{
颜色：黑色；
背景色：#eee；
光标：指针；
填充：18px；
宽度：100%；
高度：自动；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
过渡：0.5s；
}
.ui.styled.accordion.accordion.title.ui.styled.accordion.title:悬停{