Question

我正在将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>

但是，内容（两个

部分）开始或默认为可见。如何调整此设置，以便用户必须单击按钮才能将信息切换为最初可见？而不是最初看起来像是默认的那样不可见？

Answer 1

文档不是很具体，但是您需要切换custom class。

您要在with open('r2.csv', 'r') as infile , open("output2.csv",'w') as resultFile:属性中添加uk-toggle。然后，在要单击按钮时要显示的元素上，要添加类cls: uk-hidden;。

uk-hidden

Answer 2

答案就在那附近。如果您使用的是uk-hidden类，则它将阻止所有内容。如下所示：https://github.com/uikit/uikit/issues/3026只需将隐藏的属性添加到您的div中即可。

<div class"" hidden><p>Something</p></div>
<button uk-toggle="your settings">See more<button>

UIKit Toggle元素默认为隐藏

2 个答案: