[英]How to hide MULTIPLE sections and show only one section in Elementor with a button (NOT Accordion)?
[英]Show hide section in WordPress Elementor on a button/text click
我正在尝试创建一个 jQuery,当我单击选定的按钮时,它将允许我在网站上显示/隐藏 class 部分。
我试过了
使用 css class 网站和一个带有 css class web 的部分创建文本/按钮,然后:
$("#websites").click(function(){ $(".web").hide(); })
但这对我不起作用,我们将不胜感激。 谢谢
新代码
> <button onclick="myfunction()">Hide/Show</button> <script> function
> myfunction() {
> var x = document.getElementById('myDIV');
> if (x.style.display === 'none') {
> x.style.display = 'block';
> } else {
> x.style.display = 'none';
> } } </script>
我需要显示/隐藏多个值。 我尝试了 getbyclass 和 querySelectorAll。 但这对我仍然不起作用。 请指教。
为此使用jquery
会简单得多 - 您可以将click
事件添加到您的按钮,然后使用$(".classname")
class 添加您想要的元素class
,然后调用.toggle()
。
我在下面提供了一个示例,代码已完全注释,所有CSS
规则只是为了让它看起来更好,功能不需要它们。
// Add click event to toggle button $("#toggleButton").click( function() { // Toggle elements with the class.toggleBox $(".toggleBox").toggle(); });
.box { height: 25px; width: 25px; margin: 5px; color: white; background: blue; text-align: center; line-height: 25px; }.toggleBox { background: green; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p>Boxes in green have the class.toggleBox, those in blue do not. The button below has a click event attached to it and will toggle the boxes with the class.toggleBox to show/hide</p> <button id="toggleButton">Hide/Show</button> <div class="box toggleBox"> A </div> <div class="box toggleBox"> B </div> <div class="box"> C </div> <div class="box toggleBox"> D </div> <div class="box"> E </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.