jquery - 防止 div 在使用 jquery 切换时被按下

Question

我有两个可以点击打开的 div。除了第一个 div 不断向下推第二个 div 之外，该功能工作得非常顺利。我希望他们站在彼此的一边。

我创建了一个 js 小提琴， http://jsfiddle.net/Qskxa/1/

我认为问题出在html文件中？

谢谢

<div id="artistsbox">
  <div class="artist">
    <ul class="ulartists">
      <li> 
        <span class="toggle">Artist 1</span>
        <div class="toggle_hide">
          <p> Hello world</p>
        </div>
      </li>
      <li>
        <span class="toggle">Artist 2</span>
        <div class="toggle_hide">
          <p> Hello world</p>
        </div> 
      </li>
    </ul>
  </div>  
</div>

Answer 1

我不是 100% 确定你在寻找什么（是你想要并排的按钮吗？）但是如果你使用 CSS 定位，你可以从文档流中删除隐藏的图像，避免下推：

http://jsfiddle.net/Qskxa/10/

.toggle_hide{
    display:none;
    position: relative;
}

.toggle_hide img {
    position: absolute;
    left: 0;
    top: 0;
}

更改值/定位以满足您的需要:)