Javascript 滑动切换一个div并移动另一个div中的按钮

如何使用css和jquery实现这一点

如图所示，左栏中有一个按钮。单击此按钮幻灯片可切换右列中的一个div，并显示另外两张图片（图片编号2，图片编号3）

我想做两件事：

第一：将按钮准确定位在图片1的左下角。实际上我不能这样做，因为我不知道我在左列有多少文本，也不知道图片1的高度

第二：当显示或隐藏div时，我希望按钮与div一起移动。最后，按钮应位于图片编号3的左下角

你能帮我吗

html结构是基本的：

<div id="col_1">
    <p>Lorem ipsum<br />...<br /></p>
    <p><span id="button">see more pic</span></p>
</div>

<div id="col_2">
    <div id="pic_1">picture number 1</div>
    <div id="pic" class="hidden">      
        <div id="pic_2">picture number 2</div>
        <div id="pic_3">picture number 3</div>
    </div>
</div>

$("#button").click(function () {
      $("#pic").slideToggle("slow");
    });

---

css也非常简单。您可以在JSFIDLE上看到它。

您可以执行相对位置。下面是演示：jsfiddle.net/ar9UB/5/

添加了以下CSS：

#button { position:relative; left: -90px; top:-20px; }

并移动了第2列中的按钮

---

希望这有帮助。

你是说这个？它应该像Gurpreet Singh示例：jsfiddle.net/ar9UB/5/这正是我想要做的。如果图片有不同的高度，它就会起作用。非常感谢。我会在我的网站上尝试这个解决方案，我会告诉你它是否可以，但是应该可以，因为这个例子很简单。