javascript - 我如何使用 jquery 函数来处理多个 div

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

我想要 <div> 有显示/隐藏功能，使用 JavaScript/DOM 属性。

使用 JavaScript onclick()有两个按钮，show和hide ，每个人都有自己的<div> s，它会像这样工作:

• 默认情况下，show按钮隐藏，主<div>和隐藏按钮显示。单击hide按钮隐藏了主<div>和“隐藏”按钮本身，显示 show按钮。
• 点击show按钮显示主<div>和“显示”按钮显示 hide按钮我认为这可以使用类似 document.getElementById(DIVid).style.visibility="hidden" 来实现.

但是我该怎么做呢？

Answer 1

$('#hidebutton').click(function() {
   $('#DIVid, #showbutton').show();
   $(this).hide();
});

$('#showbutton').click(function() {
   $('#DIVid, #hidebutton').show();
   $(this).hide();
});

或者如果你愿意:

$('#hidebutton, #showbutton').click(function() {
    var show = $(this).is('#showbutton');
    $('#DIVid, #hidebutton').toggle(show);
    $('#showbutton').toggle(!show);
});