jQuery函数问题 - 切换函数

Question

我在使这段代码工作时遇到了问题。有时我必须两次点击一个元素，这将使图片和文本移动彼此不同。

任何人都可以帮助我吗？

我一直在尝试使用此代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $(".move-picture1").toggle(
    function(){$(".move-picture1").animate({top:'-200px'}), $(".move-picture2, .move-picture3").animate({top:'-0px', left:'-0px'});},
    function(){$(".move-picture1").animate({top:'0px'});
  });

    $(".move-picture2").toggle(
    function(){$(".move-picture2").animate({top:'-200px', left:'-380px'}), $(".move-picture1, .move-picture3").animate({top:'-0px', left:'-0px'});},
    function(){$(".move-picture2").animate({top:'0px', left:'0px'});
  });

   $(".move-picture3").toggle(
    function(){$(".move-picture3").animate({top:'-200px', left:'-760px'}), $(".move-picture1, .move-picture2").animate({top:'-0px', left:'0px'});},
    function(){$(".move-picture3").animate({top:'0px', left:'0px'});
  });

    $(".move-picture1").click(function(){
    $(".fatima-textbox1").slideToggle("slow");
    $(".fatima-textbox2, .fatima-textbox3").css("display","none");
  });
  $(".move-picture2").click(function(){
    $(".fatima-textbox2").slideToggle("slow");
    $(".fatima-textbox1, .fatima-textbox3").css("display","none");
  });
  $(".move-picture3").click(function(){
    $(".fatima-textbox3").slideToggle("slow");
    $(".fatima-textbox1, .fatima-textbox2").css("display","none");
  });

});

</script>