防止div用jquery切换到切换

Question

我有两个打开点按的div。除了第一个div继续按下第二个div之外，该函数非常流畅。我希望他们留在对方身边。

我创造了一个小提琴， 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;
}

根据您的需要更改值/位置：）