Question

jquery高手帮看看这个toggle()的问题吧

$(document).ready(function() {
$("#showvedio").click(function(){
$(".vedio").toggle(
function(){
$(this).attr("src","../Public/images/hh/07.jpg");},
function(){
$(this).attr("src","../Public/images/hh/00.jpg");}
);

});
});

<div id="showvedio">
<img src="../Public/images/hh/00.jpg">

</div>
<div class="vedio"></div>
我想实现的效果是：
最开始vedio是隐藏的，通过第一次点击showvedio之后，vedio显示，然后将 showvedio中的img图片地址换成../Public/images/hh/07.jpg，然后依次点击可循环，用上面的写法点击无效果，用火狐也检测不到错误，如果将toggle中的第二个function去掉之后，第一次点击showvedio可以切换，
请帮忙看看是怎么回事

Answer 1

$(document).ready(function() {

$(".vedio").hide();

$("#showvedio").click(function(){
$(".vedio").show();
});

$(".vedio").toggle(
function(){
$(this).attr("谈皮src","昌纤../Public/images/hh/07.jpg");
},
function(){
$(this).attr("耐侍仿src","../Public/images/hh/00.jpg");
}
);
});

Answer 2

单独的toggle();是切换显示隐藏唯山配的状态，但是当指指里面有了多个function时便没了这个功能，是表示多次点击依次执行的函数，所以需要加个语句先让图片显示出来，并且图片路径替换
$("#showvedio").click(function(){
$(".vedio").show().attr("src","../Public/images/hh/07.jpg");

});
$(".vedio").toggle(
function(){
$(this).attr("src","../Public/images/hh/00.jpg");},
function(){
$(this).attr("src","../Public/images/唯森hh/07.jpg");}
);