我有2个div的分组('问题'和'答案')
当点击“问题”时,“回答”显示
当再次点击“问题”(或点击其他“问题”)时,会隐藏当前可见的“答案”并显示新答案。
我无法弄清楚的是如何在页面加载
代码:
jQuery(document).ready(function() {
jQuery(".answer").hide();
jQuery(".question").click(function() {
jQuery(".answer").not(jQuery(this).next(".answer")).hide();
jQuery(this).next(".answer").toggle();
});
});
答案 0 :(得分:1)
只需点击first-child
jQuery(document).ready(function () {
jQuery(".answer").hide();
jQuery(".question").click(function () {
jQuery(".answer").not(jQuery(this).next(".answer")).hide();
jQuery(this).next(".answer").toggle();
});
jQuery('.question:first-child').trigger('click');
});