我正在使用UIKit捆绑CSS与 ASP.NET 站点。我正在使用切换来显示/隐藏附加到 HTML 部分的评论。
<div class="uk-card-footer">
<div id="toggle-animation" class="uk-card uk-card-default uk-card-body uk-margin-small">
<p>Commetns here about various things that I wanted to mention to you </p>
<hr />
<p>Some more comments from someone else right here!</p>
</div>
<a href="#toggle-animation" class="uk-icon-button" uk-icon="comment" uk-toggle="target: #toggle-animation; animation: uk-animation-fade" uk-tooltip="Comments"></a>
<a href="" class="uk-icon-button" uk-icon="heart" uk-tooltip="Like"></a>
<a href="" class="uk-icon-button" uk-icon="forward" uk-tooltip="Detail"></a>
</div>
但是，内容(两个
部分(开始或默认为可见。如何调整此设置，以便用户必须单击按钮才能将信息切换为最初可见？而不是像默认的那样最初不可见？
答案接近于此。如果您使用的是英国隐藏类，它会阻止所有内容。如此处所写：https://github.com/uikit/uikit/issues/3026 只需将隐藏的属性添加到您的div 中即可。
<div class"" hidden><p>Something</p></div>
<button uk-toggle="your settings">See more<button>
文档对此不是很具体，但您需要的是切换自定义类。
在uk-toggle属性中，要添加cls: uk-hidden;。然后，在单击按钮时要显示的元素上，要添加类uk-hidden。
<div id="toggle-animation" class="uk-card uk-card-default uk-card-body uk-margin-small uk-hidden">
...
</div>
<a href="#toggle-animation" class="uk-icon-button" uk-icon="comment" uk-toggle="target: #toggle-animation; animation: uk-animation-fade; cls: uk-hidden" uk-tooltip="Comments"></a>