Javascript 打开图像上的跨度标记单击

Javascript 打开图像上的跨度标记单击,javascript,jquery,css,Javascript,Jquery,Css,我需要打开,显示和关闭其他跨度标签时,我点击它的具体形象 $(“#img1”)。在('click',function()上{ $(“#div1”).fadeIn(); $(“#div2,#div3”).fadeOut(); }); $(“#img2”)。在('click',function()上{ $(“#div2”).fadeIn(); $(“#div1,#div3”).fadeOut(); }); $(“#img3”)。在('click',function()上{ $(“#div3”).f

我需要打开,显示和关闭其他跨度标签时,我点击它的具体形象

$(“#img1”)。在('click',function()上{
$(“#div1”).fadeIn();
$(“#div2,#div3”).fadeOut();
});
$(“#img2”)。在('click',function()上{
$(“#div2”).fadeIn();
$(“#div1,#div3”).fadeOut();
});
$(“#img3”)。在('click',function()上{
$(“#div3”).fadeIn();
$(“#div1,#div2”).fadeOut();
});

跨度1
跨度2

Span 3
可以很好地工作-如果您只包含jQuery(您没有这样做,但有人为您编辑了它)

关于“打开span标记”的含义,还有一个悬而未决的问题,但我假设
show

编辑:

我从评论中看到,您的代码位于带有样式
display:none
p
中。这将不起作用,因为整个块将隐藏/不显示,包括其中的任何元素。跳过包装中的
显示:无
(外部
p


单击以显示图像

第一组 第二组 第三组


开放式span标签的确切含义是什么?表演?看起来很有效。。。(已更改跨度中的文本)…原始代码未链接到jQuery库。j08691将其添加到中,您的代码无法在StackOverflow编辑器上运行。尝试将jQuery库链接添加到您的页面,验证它是否正确(如果已链接)。尝试使用更可读的文本:您的代码工作正常,所有内容都在p中,无显示,我需要在该选项可见时将其作为一个选项,p是隐藏的,但当p可见时,我可以单击图像n并显示特定的跨距。在这种情况下,不会显示任何内容,但有一个选项将显示

可见,我需要img上的显示跨距单击内部it@RicardoSimoes好的,我已经在上面的代码片段中模拟了您的代码。它仍然工作得很好。还有什么遗漏?@RicardoSimoes有很多。如果你想让我们知道,你必须分享更多的代码。如果您的jquery版本低于1.7,这也会使您的代码无法运行(不支持

.on
),让我制作一个在线演示,供大家查看。马上回来
<p class="txt_h"><!-- code here is fine --></p>