gpt4 book ai didi

html - 使用 html/css 直接链接到 ID 和类

转载 作者:行者123 更新时间:2023-11-28 17:02:20 24 4
gpt4 key购买 nike

我的页面上有一个按钮,可以像这样切换前 View :

<div id="toggleFrontView">
<span class="cats"><i class="fa fa-tags"></i> Stöbern</span>
<span class="search active"><i class="fa fa-search"></i> Suchen</span>
</div>

我现在要做的是从某处创建一个 html 链接以链接到切换 View “Stöbern”。

像这样:

<a href="#toggleFrontView">link</a>

不幸的是,这会滚动到 anchor ,但不会切换 View 。有人可以帮忙吗?

谢谢弗洛

最佳答案

使用 Javascript 或 JQuery。你不能仅使用 HTML 和 CSS 来做到这一点。在 jquery 中有一个切换显示方法...(网上有很多例子,提问前先搜索一下)

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

<div id="toggleFrontView">toggle section</div>

<div id="clk">click me</div>

<script>
$( "#clk" ).click(function() {
$("#toggleFrontView").toggle();
});
</script>

关于html - 使用 html/css 直接链接到 ID 和类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30982562/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com