Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在我需要的所有位置上使用相同的脚本? 分区小组 { 高度:20px; 显示:无;} $(文档).ready(函数(){ $(“img”)。单击(函数(){ $(“.panel”).toggle(); }); }); 要查看此处隐藏的内容,请按至图像 IMG SRC=“.jpg”WIDTH=“20”HEIGHT=“20”BORDER=“0”ALT=“”_Jquery_Location_Toggle - Fatal编程技术网

Jquery 如何在我需要的所有位置上使用相同的脚本? 分区小组 { 高度:20px; 显示:无;} $(文档).ready(函数(){ $(“img”)。单击(函数(){ $(“.panel”).toggle(); }); }); 要查看此处隐藏的内容,请按至图像 IMG SRC=“.jpg”WIDTH=“20”HEIGHT=“20”BORDER=“0”ALT=“”

Jquery 如何在我需要的所有位置上使用相同的脚本? 分区小组 { 高度:20px; 显示:无;} $(文档).ready(函数(){ $(“img”)。单击(函数(){ $(“.panel”).toggle(); }); }); 要查看此处隐藏的内容,请按至图像 IMG SRC=“.jpg”WIDTH=“20”HEIGHT=“20”BORDER=“0”ALT=“”,jquery,location,toggle,Jquery,Location,Toggle,哈哈,没什么 想看看下面是什么吗? IMG SRC=“.jpg”WIDTH=“20”HEIGHT=“20”BORDER=“0”ALT=“” 海底珍宝 问题是,当我按下第一个或第二个图像时,我看到第一个隐藏的东西和第二个隐藏的东西。我想制作这样的图像,当我按下第一个图像时,我只能看到隐藏在下面的内容,我可以切换它,而不仅仅是显示,再也不会隐藏。尝试: <html> <head> <style type="text/css"> div.panel { heigh

哈哈,没什么

想看看下面是什么吗? IMG SRC=“.jpg”WIDTH=“20”HEIGHT=“20”BORDER=“0”ALT=“” 海底珍宝

问题是,当我按下第一个或第二个图像时,我看到第一个隐藏的东西和第二个隐藏的东西。我想制作这样的图像,当我按下第一个图像时,我只能看到隐藏在下面的内容,我可以切换它,而不仅仅是显示,再也不会隐藏。

尝试:

<html>
<head>
<style type="text/css">
div.panel
{
height:20px;
display:none;}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("img").click(function(){
    $(".panel").toggle();
  });
});
</script>

</head>
<body>

<TABLE border="1">
<TR>
 <TD>to see whats hidden under here press to image</TD>
 <TD>IMG SRC=".jpg" WIDTH="20" HEIGHT="20" BORDER="0" ALT=""</TD>
</TR>
</TABLE>
<div class="panel"><p>Haa haa, nothin</p></div>

<TABLE border="1">
<TR>
 <TD>wanna see what under here?</TD>
 <TD>IMG SRC=".jpg" WIDTH="20" HEIGHT="20" BORDER="0" ALT=""</TD>
</TR>
</TABLE>
<div class="panel"><p>treasure from bottom of ocean</p></div>

</body>
</html>
尝试:

$(“.panel”)
表示“在其CSS类中包含
panel
的所有内容。您需要缩小范围以选择您感兴趣的特定面板,从而选择最接近的
(“表”)。下一步(“panel”)
来自sje397。
$(“.panel”)
表示“在其CSS类中包含
panel
的所有内容。您需要缩小它的范围,以选择您感兴趣的特定面板,因此是最近的('table')。下一个(.panel'),来自sje397。
$(document).ready(function(){
  $("img").click(function(){
    $(this).closest('table').next(".panel").toggle();
  });
});