Javascript 切换脚本需要更改

我需要更改此脚本，以便我可以单击我的

幻灯片展开

向下箭头按钮，并让它在单击时上下切换框的高度。现在它对整个框起作用，但我希望它出现在箭头上，因为它是一个幻灯片，每次单击上一个或下一个箭头时，它都会切换框的高度

以下是脚本：

 $("#slideshow-box").click((function() {
                var i = 0;
                return function() {
                    $(this).animate({
                        height: (++i % 2) ? 166 : 115
                    }, 200);
                }
            })());
            });

以下是html：

<div id="slideshow-box">
    <div id="slideshow-stage">
       <img src="images/slideshowimage.png">
       <img src="images/slideshowimage2.png">
       <img src="images/slideshowimage3.png">
    </div>

<div id="slideshow-prev"></div>
<div id="slideshow-next"></div>
<div id="slideshow-expand"></div>

---

您是否尝试过改变：

 $("#slideshow-box").click((function() ...

到

编辑

重读后，您可能需要将其更改为：

 $("#slideshow-expand").click((function() {
    var i = 0;
    return function() {
        $("#slideshow-box").animate({
           height: (++i % 2) ? 166 : 115
           }, 200);
          }
         })());
   });

---

请注意，这里的区别在于我们没有使用

this

，因为当您单击

slideshow展开时，
slideshow box
应该是动画的。
这可能行得通，如果行得通的话，你是个天才，如果你能帮我让我的箭头图像在点击时指向上下，指示它将到达的方向，那么你就更是个天才了。看看这篇文章，应该会有所帮助。基本上，你需要设置箭头的动画并进行90度的变换。对不起，我以为我已经包括了它：我如何同时切换幻灯片后面显示的覆盖，将焦点放在图片上而不是背景中的什么？
 $("#slideshow-expand").click((function() ...

 $("#slideshow-expand").click((function() {
    var i = 0;
    return function() {
        $("#slideshow-box").animate({
           height: (++i % 2) ? 166 : 115
           }, 200);
          }
         })());
   });