求一个js函数显示和关闭div

Posted 2023-05-15

示例html结构：

<ul>
<li>标题1
<div class='aaa'>我是标题1的内容</div>

</li>
<li>标题2
<div class='aaa'>我是标题2的内容</div>
</li>
</ul>

======================================================================
完成思路：li标签被单击时，onClik(this),先把自身传入来，然后寻找父节点的ul里面有多少个li，循环判断如果等于自身则赋予背景颜色和让div(aaa)显示，否则赋予另外一个背景颜色和让DIV（aaa）隐藏；

上面其实是一个选项卡界面，求人做一个函数，完成功能如下：
1、尽量别给ul赋值一个ID，如果指定了id那么减少了函数的通用性；
2、当li的onClik发生时(被单击)，让自身li标签的背景颜色变成黑色，然后自身li里面的div(aaa)显示出来，并且让其它li里面的div(aaa)变成隐藏;

参考技术A 先导入jquery，
然后把下面代码加入到你的<script></script>中：
$(function()
$("li").bind("click",function()
$(this).css("background-color","black").children("aaa").show();

$(this).siblings("li").children("aaa").hide();
);

)追问

不行啊，光li的背景颜色变黑色了，能帮我yuan程调下吗：五三二二一四八三一

追答

这两个地方改一下children("aaa")，改成children(".aaa")
少打了个点（两个地方喔）。
我这的网络不能等qq，见谅。

参考技术B 回答你的问题，为了提供还是自己做更好，不过给你提示：
1.首先不给ID你就可以计算BODY内有多少个子元素UL，然后第一个就是[0]；
2.var x=document.getElementsByTagName('li')
x.onclick = function()
xoxo.css("display","none")
xoxo2.css("display","block")
本回答被提问者和网友采纳

怎么用js显示隐藏div

参考技术A

怎么用js来显示或隐藏一个div？很简单，下面一起来看一下。

01

首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。

02

添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。

03

接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐藏div。

04

运行页面，我们点击按钮，如果div是正在显示的，点击后就会隐藏，如果是隐藏状态的，点击后就会显示。