我试图创建一个按钮列表,当点击一个按钮时,它会显示该DIV并隐藏其余部分。还有一个默认消息显示在任何按钮被点击之前。点击按钮,显示div内容,隐藏其他 - JS
我已经创建了一个codepen,我认为我的脚本有问题,但我无法弄清楚我做错了什么。任何帮助?
这里是我想要的脚本:
<script>
$(document).on('click', '.div-toggle', function() {
var target = $(this).data('target');
var show = $("button:selected", this).data('show');
$(target).children().addClass('hide');
$(show).removeClass('hide');
});
$(document).ready(function(){
$('.div-toggle').trigger('click');
});
</script>
这里是Codepen。
您可以随时检查devtools错误。 '未捕获的错误:语法错误,无法识别的表达式:不支持的伪:点击'。改变它为一个有效的伪类,如':focus',它会工作。 – Ricky