防止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; 
} 

将值更改/定位，以满足您的需求:)