jquery - 如果<div>位于容器<div>的底部，如何使它向上生长？

我要做的是，当点击div“contacts”时，div“contacts_info”将显示/隐藏我已经实现的功能。
单击列表底部的项目时，唯一的问题是它将向下增长，列表将在容器中滚动，但我希望它向上增长，以便显示“联系人信息”，而无需向下滚动。
以下是我的代码：
http://jsfiddle.net/jcrL7ocn/

$('.contacts').on('click', function() {
		var next = $(this).next('.contacts_info');
	    next.slideToggle(300);
	    $('.contacts_info').not(next).slideUp(300);
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
  <div id="con_contacts">
    <ul>
      <li>
        <div class="contacts">
          <table style="width: 100%; padding: 10px;">
            <tr>
              <td class="td_left">Somers</td>
              <td class="td_right">3 Feb 15</td>
            </tr>
            <tr>
              <td class="td_left">New Unit Trust Launch</td>
              <td class="td_right">Marketing</td>
            </tr>
          </table>
        </div>
        <div class="contacts_info">
          asf
        </div>
      </li>
      ...
    </ul>
  </div>
</div>

最佳答案

您需要将索引放入列表并跟踪该索引：
如果索引小于列表.length的一半，则使用slideDown()打开“contacts_info”，使用slideUp()关闭它。
如果索引大于列表.length的一半，您将使用
slideUp()用于打开“联系人信息”，slideDown()用于关闭
它。

关于jquery - 如果<div>位于容器<div>的底部，如何使它向上生长？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30635636/