我在 Flash 轮播中有 10 个图像,这些图像设置为通过 XML 文档触发 jquery 命令
IE:
<photo image="images/01.jpg" url="javascript:toggleDetail1()" target="_self">
<photo image="images/02.jpg" url="javascript:toggleDetail2()" target="_self">
etc...
当用户单击图像时,我想确保仅显示该特定图像的相应 div,而隐藏其他 9 个。
我已经为所有 10 个 div 赋予了“toggleitem”类,每个 div 都有自己的 ID(“detail1”、“detail2”等),所以现在我需要编写我的 jquery,我有点迷失了。
到目前为止,我已经到了当我单击轮播中的图像时,我要显示的 div 将显示的地步。但我真的不知道该怎么做才能让“toggleitem”类中的其他 div 在那时隐藏起来。
<script type="text/javascript">
function toggleDetail1() {
$('#bookdetail1').show();}
function toggleDetail2() {
$('#bookdetail2').show();}
etc...
我需要使用 .not() 选择器、if 语句还是什么?我很困惑。
提前感谢您对此的任何帮助