我有元素(div),
已命名:元素 1、元素 2、元素 3
默认:元素1可见,元素2可见,元素3隐藏
这是我使用的代码
<script type="text/javascript">
$(document).ready(function () {
$('#element3').hide();
$('#element1').click(function () {
$('#element3').toggle(400);
});
});
</script>
我使用上面的代码让 element3 在我点击 element1 时可见。
我的问题
如何让元素2在点击时隐藏,元素3可见 在 element1 上?
再次点击 element1 后如何恢复默认值?
最佳答案
尝试
$(document).ready(function () {
$('#element3').hide();
$('#element1').click(function () {
$('#element3').toggle(400);
$('#element2').toggle(400);
});
});
演示:Fiddle
关于jquery - 使用 jquery 显示/隐藏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16117490/