js中如何做到点击（点我一）不影响其他 jquery引用2.1.1 代码如下
<!DOCTYPEhtml><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>...
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111111</title>
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
$(".fcc").click(function(){
$(".pcc").fadeToggle(100);
});});
</script>
</head>
<body>
<p class="fcc">点我一</p>
<ul class="pcc" style="display:none">
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
</ul>
<p class="fcc">点我二</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
<p class="fcc">点我三</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
<p class="fcc">点我四</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>111111</title>
<script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
$(".fcc").click(function(){
$(".pcc").fadeToggle(100);
});});
</script>
</head>
<body>
<p class="fcc">点我一</p>
<ul class="pcc" style="display:none">
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
<li>2222222</li>
</ul>
<p class="fcc">点我二</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
<p class="fcc">点我三</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
<p class="fcc">点我四</p>
<ul class="pcc" style="display:none">
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
<li>4444444</li>
</ul>
</body>
</html> 展开
展开全部
别用class命名用id吧，给四个不同的ID再写就是咯。。。。PCC也是，然后写四个click。。。
这是最简单最直接最粗暴最不过大脑的解决方式了_(:з」∠)_
这是最简单最直接最粗暴最不过大脑的解决方式了_(:з」∠)_
更多追问追答
追问
你用 id 改下我看看
追答
$(document).ready(function(){
$("#fcc1").click(function(){
$("#pcc1").fadeToggle(100);
});
$("#fcc2").click(function(){
$("#pcc2").fadeToggle(100);
});
$("#fcc3").click(function(){
$("#pcc3").fadeToggle(100);
});
$("#fcc4").click(function(){
$("#pcc4").fadeToggle(100);
});});
点我一
2222222
2222222
2222222
2222222
2222222
点我二
4444444
4444444
4444444
4444444
4444444
点我三
4444444
4444444
4444444
4444444
4444444
点我四
4444444
4444444
4444444
4444444
4444444
P.S.建议你把CSS里面的pointer改一下。。。只有HTML/JS太蛋疼了_(:з」∠)_，就算是作业也注意一下页面美观吧亲
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
