我正在为我的个人网站设计侧边栏,希望在访客点击Facebook图标时显示/隐藏Facebook关注按钮。我想知道是否可以只使用HTML/CSS实现,如果不行,使用JavaScript最简单的方法是什么。我看到了很多jQuery的解决方案,但还没有找到纯粹的HTML/CSS解决方案。
点击 .sidebar-follow-icon 应该会显示 .sidebar-follow-button ,再次点击 .sidebar-follow-icon 则会隐藏 .sidebar-follow-button。
<div class="sidebar-follow">
<div class="sidebar-follow-icon">
<img src="/follow_facebook.jpg" alt="Follow on Facebook" height="32" width="160">
</div>
<div class="sidebar-follow-button">
This is the follow button.
</div>
</div>
点击 .sidebar-follow-icon 应该会显示 .sidebar-follow-button ,再次点击 .sidebar-follow-icon 则会隐藏 .sidebar-follow-button。