Question

我正在尝试将焦点添加到已触发隐藏和显示的单击按钮上。我不确定需要什么代码以及在哪里。这是我用于隐藏/显示的代码，但是我希望在单击以显示它是活动按钮时，被单击的按钮保持在悬停颜色状态。

（我使用的是divi主题，因此此代码将放到当前页面上的代码模块中以实现此功能，而不是整个主题定制器中）：

    <style type="text/css">
/*Button Click to Open and Close*/

.once_button.closed:after {content:"";}
.once_button.opened:after{content:"";}

.monthly_button.closed:after {content:"";}
.monthly_button.opened:after{content:"";} 
</style>

<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#revealO').hide();
jQuery('.once_button').click(function(e){
e.preventDefault();jQuery("#revealO").toggle();
jQuery('.once_button').toggleClass('opened closed');
jQuery("#revealM").hide();
});

jQuery('#revealM').hide();
jQuery('.monthly_button').click(function(e){
e.preventDefault();jQuery("#revealM").toggle();
jQuery('.monthly_button').toggleClass('opened closed');
jQuery("#revealO").hide();
});

});
</script>

在此先感谢您的帮助！

为点击的按钮添加焦点

0 个答案: