gpt4 book ai didi

javascript - 使用 jquery 单击另一个 div 后引用特定的 div

转载 作者:行者123 更新时间:2023-12-02 22:29:43 25 4
gpt4 key购买 nike

我正在寻找jquery

  • 创建一个包含 make Awesome 图标和可点击文本的 div => div List 1
  • 单击此 div 时,我会重定向到另一个 div,其中包含带有文本 Return list 1 的元素表
  • 当点击返回列表 1 时,我回到顶部,即 div 列表 1 上

enter image description here

最佳答案

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 $("#list1").click(function(){
//this will show list 1

$( "#list2cont" ).hide( "fast")
$( "#list1cont" ).show( "slow")



});

$("#list2").click(function(){
//this will show list 1

$( "#list1cont" ).hide( "fast")
$( "#list2cont" ).show( "slow")



});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="list1">list 1</div>
<div id="list2">list 2</div>


<div hidden id="list1cont"> list 1 content</div>
<div hidden id="list2cont"> list 2 contnet</div>

嘿希望你好,这是你所要求的最基本的答案希望这有帮助,我省略了样式并相信你可以做到

关于javascript - 使用 jquery 单击另一个 div 后引用特定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58948145/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com