jQuery在单击时向上滑动不起作用
当用户在div中单击时,我尝试将图片向上滑动。 这不仅仅是在不显示下一个图像的情况下进行滑动 我还希望它在单击最后一个图像时向上滑回顶部(或向下滑回第一个图像) 有什么想法吗 CSS: html:jQuery在单击时向上滑动不起作用,jquery,html,image,click,slider,Jquery,Html,Image,Click,Slider,当用户在div中单击时,我尝试将图片向上滑动。 这不仅仅是在不显示下一个图像的情况下进行滑动 我还希望它在单击最后一个图像时向上滑回顶部(或向下滑回第一个图像) 有什么想法吗 CSS: html: <div id="clickbox"> <img src="http://socialmediaseo.net/wp-content/uploads/2010/05/500px-android-logosvg-300x300.png" width="300" height="
<div id="clickbox">
<img src="http://socialmediaseo.net/wp-content/uploads/2010/05/500px-android-logosvg-300x300.png" width="300" height="300">
<img src="http://www.backwoodshome.com/blogs/ClaireWolfe/wp-content/uploads/2011/09/CopBashingMedicalPatient-300x300.jpg" width="300" height="300">
<img src="http://www.prieteni.ro/uploads/albumfoto/396711_353820_wy_s_300x300.gif" width="300" height="300">
<img src="http://f1.pepst.com/c/EBF8DC/25835/ssc3/home/023/deepakjain/albums/face_13.1kb.jpg_480_480_0_64000_0_1_0.jpg" width="300" height="300">
</div>
JSFIDLE:
更换
$( "#clickbox" ).slideUp( 2000 );
与
编辑
将图像放入每个的div中,然后执行以下操作
if ($( this ).find("div:visible").length > 1)
$( this ).find("div:visible").first().slideUp( 2000 );
else
$( this ).find("div:not(visible)").slideDown(2000);
看起来好多了
$( "#clickbox" ).slideUp( 2000 );
if ($( this ).find("img:visible").length > 1)
$( this ).find("img:visible").first().slideUp( 2000 );
else
$( this ).find("img:not(visible)").slideDown(2000);
if ($( this ).find("div:visible").length > 1)
$( this ).find("div:visible").first().slideUp( 2000 );
else
$( this ).find("div:not(visible)").slideDown(2000);