Как использовать один и тот же скрипт во всех местах, где мне нужно? - PullRequest
Новая
       17

Как использовать один и тот же скрипт во всех местах, где мне нужно?

0 голосов
/ 15 декабря 2010 
<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>

Porblem - когда я нажимаю первое или второе изображение, я вижу первое, что скрыто, и второе, что скрыто. Я хочу сделать так, чтобы при нажатии на первое изображение я видел только то, что скрыто под ним, и мог переключать его, а не просто показывать и никогда не скрывать снова.

1 Ответ

3 голосов
/ 15 декабря 2010

Попробуйте: 

$(document).ready(function(){
  $("img").click(function(){
    $(this).closest('table').next(".panel").toggle();
  });
});
...