Jquery 隐藏a的内容<；部门>；并展示另一个<；部门>；内容不同

我有一个包含图片内容的div

             <div class="1">
               <div class="2">
                 <img src="img/aa.png"></img>

               </div>
               <div class="3">         
                 <img src="img/bb.png"></img>

               </div>
              <div class="4">         
               <img src="img/cc.png"></img>

               </div>
              </div>

我想用另一个具有不同内容的div替换它

          <div class="w">
             <div class="x">
                <h3>name</h3>
            <ul>
                   <li>bday</li>
                     <li>age</li>
            </ul>
               </div>
           </div> 

名称

B日
年龄

如何通过单击文本或超文本而不刷新或重新加载页面来交换此div。这是要单击的文本

                     <div class="1a">
                        <a class="s" href="prof.htm">PROFILE</a>
                  </div>

我应该使用什么代码来隐藏/显示div （我精通HTML、CSS和JQUERY）

请帮帮我。。。。对不起，我是新来的，对这个领域很感兴趣

$(".s").on("click",function(event) {
    event.preventDefault();
    if ($(".1").is(":visible"))  {
        $(".w").show();
        $(".1").hide();
    } else {
        $(".1").show();
        $(".w").hide();
    }
});

使用jQuery，只需测试您想要的第一个元素是否可见（我假设根据您发布的顺序为1），然后分别测试hide（）/show（）

但是，当您单击该链接时，您将被重定向

因此，添加preventDefault，使其不执行更改页面的正常职责

使用jQuery，只需测试您想要的第一个元素是否可见（我假设根据您发布的顺序为1），然后分别测试hide（）/show（）

但是，当您单击该链接时，您将被重定向

---

因此，添加preventDefault，使其不执行更改页面的正常职责

您可以使用类创建一个包装器div，并像我一样定义链接的id，如果要切换，则使用Jquery的.toggle（），如果只想隐藏和显示一次，则使用.hide（）和.show（）

以下是工作示例-

这是密码

 $( "#clicker" ).click(function() {
  $( ".toggler" ).toggle( "fast" );
});

---

希望有帮助。

您可以使用类创建一个包装器div，并像我一样定义链接的id，如果您想切换，可以使用Jquery的.toggle（），如果您只想隐藏和显示一次，可以使用.hide（）和.show（）

以下是工作示例-

这是密码

 $( "#clicker" ).click(function() {
  $( ".toggler" ).toggle( "fast" );
});

希望有帮助。

查看下面的链接

$（“.s”）。在（“单击”，函数（）{
如果（$（“.1”）是（“：可见”））{
$（“.w”）.show（）；
$（“.1”）.hide（）；
}否则{
$（“.1”）.show（）；
$（“.w”）.hide（）；
}
});

检查下面的链接

$（“.s”）。在（“单击”，函数（）{
如果（$（“.1”）是（“：可见”））{
$（“.w”）.show（）；
$（“.1”）.hide（）；
}否则{
$（“.1”）.show（）；
$（“.w”）.hide（）；
}
});

到目前为止是否尝试过任何代码？如果你没有尝试过任何东西，你应该在询问之前尝试一下。一旦你尝试了某件事，就要公开你尝试过的东西。您可以显示代码以及面临的问题/错误消息。到目前为止是否尝试过代码？如果你没有尝试过任何东西，你应该在询问之前尝试一下。一旦你尝试了某件事，就要公开你尝试过的东西。您可能会显示您面临的代码和问题/错误消息。如何连接javascript文件和html文件？您可以在html页面的标题部分使用Jquery库。code.jquery.com/jquery-1.10.1.min.js“>并在jquery库的下方复制和粘贴以前的代码。如何连接javascript文件和html文件？您可以在html页面的标题部分使用jquery库。code.jquery.com/jquery-1.10.1.min.js”>并在jquery库的下方复制和粘贴以前的代码。您可以通过下载代码并将其链接到HTML或通过CDN将jquery添加到HTML文件中。如果你想学习，请访问jquery.com或谷歌。请检查我刚刚更新的示例，了解你的要求。你可以通过下载代码并将其链接到HTML或CDN将jquery添加到HTML文件中。如果你想学习，请访问jquery.com或谷歌。请查看我刚刚更新的示例，了解你的要求。