我已经检查了源代码,使用<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="toggle">
<div class="toggle-trigger">Question 1</div>
<div class="toggle-container">
Ut fringilla varius ipsum,id faucibus orci aliquet id. Donec ipsum nibh,placerat vel efficitur sed,finibus eget velit. Sed ultrices bibendum fringilla. Donec diam felis,scelerisque nec fermentum in,consectetur eget mi. Nulla elementum nunc a auctor
gravida. Suspendisse arcu ipsum,rutrum a scelerisque sit amet,ultrices aliquet leo. Praesent at ex vitae arcu tempor tincidunt quis non magna. Integer fermentum eros et tempor feugiat. Phasellus tincidunt sem ac nunc laoreet,ultricies porttitor
arcu ullamcorper. Nam vitae justo congue,molestie mi elementum,vehicula est. Maecenas vel magna condimentum,varius risus vitae,pretium leo. Nunc blandit est non velit feugiat,a luctus magna blandit. Curabitur pulvinar euismod elementum. Aenean
consectetur odio magna,in lacinia lacus lacinia eu. In aliquam ex quis lectus ultricies lacinia. Donec lobortis ex metus,et consequat lorem aliquet non.
<div class="extra">Extra information like <a href="#">Links</a></div>
</div>
</div>
<div class="toggle">
<div class="toggle-trigger">Question 2</div>
<div class="toggle-container">
Ut fringilla varius ipsum,et consequat lorem aliquet non.
<div class="extra">Extra information like <a href="#">Links</a></div>
</div>
</div>
<div class="toggle">
<div class="toggle-trigger">Question 3</div>
<div class="toggle-container">
Ut fringilla varius ipsum,et consequat lorem aliquet non.
<div class="extra">Extra information like <a href="#">Links</a></div>
</div>
</div>
软件包似乎无法实现。
作为一种快速且肮脏的解决方法,您可以尝试设置中间件,如下所示:
$(".toggle-trigger").on("click",function() {
var content = $(this).parent().find(".toggle-container");
var title = $(this).parent().find(".toggle-trigger");
if ($(content).hasClass("open")) {
$(content).slideUp(500).removeClass("open");
$(title).removeClass("open");
} else {
$(".toggle-container.open").slideUp(500).removeClass("open"); //will close all others
$(".toggle-trigger.open").removeClass("open"); //add this line
$(content).slideDown(500).addClass("open");
$(title).addClass("open");
}
});
然后调用具有实际模板相对路径的render方法:
koa-views
但是请注意,这可能是一个不好的解决方案,因为基本上也公开了其他非视图文件夹。
本文链接:https://www.f2er.com/3141584.html