为啥 semantic 使用折叠菜单无效？ css 有效

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3325 days ago, the information mentioned may be changed or developed.

第一次用这个框架，好奇怪， Jquery 导入， semantic 的 css 和 js 导入，顺序正确， webstorm 文件检查正常。为啥就是用不了折叠菜单呢？样式明明都有了，点了就是没有折叠效果。实在谷歌不到了= =

<!DOCTYPE html>
<html>
<head>
    <title>The Boom!</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <link rel="stylesheet" type="text/css" href="Semantic/dist/semantic.css">
    <script type="text/javascript" src="Semantic/jquery.js"></script>
    <script src="Semantic/dist/semantic.js"></script>
</head>
<body>
<div class="ui accordion">
    <div class="title"><i class="dropdown icon"></i> What is a dog? </div>
    <div class="content">
        <p class="transition hidden">A dog is a type of domesticated animal. </p>
    </div>
    <div class="title"><i class="dropdown icon"></i> What kinds of dogs are there? </div>
    <div class="content">
        <p>There are many breeds of dogs.</p>
    </div>
    <div class="title"><i class="dropdown icon"></i> How do you acquire a dog? </div>
    <div class="content">
        <p>Three common ways for a prospective owner to acquire a dog is from pet shops.</p>
    </div>
</div>
</body>
</html>

4 replies • 2018-02-03 16:09:52 +08:00