Jquery显示/隐藏图像点击

Question

我只想在点击图片后显示div。我使用的代码如下：

<td colspan="3" rowspan="7">
        <img title="Vintage Dinner Plate"  onclick="$('dinnerplates').show('fast')"class="masterTooltip" src="images/images/slicevintage_16.jpg" width="110" height="123" alt=""></td>
<div>
<p class="dinnerplates" style="background-color:#69a0d0;">This is my text.This is my text.This is my text.This is my text.This is my text.This is my text.This is my text.</p>

Answer 1

您的jQuery选择器缺少前缀＆＃34;。＆＃34;在班级名称之前。

应该是：

$('.dinnerplates').show('fast')

Answer 2

可能与您正在寻找的相似。将脚本放在</body>之前，如果你在其中链接了jQuery库应该可以正常工作。

<script>
$(".masterTooltip").click(function() {
    $(".dinnerplates").toggle();
});
</script>

更新： http://jsfiddle.net/5xs5vewd/