小编sim*_*rs1的帖子

我有一个带有图标线的首页.它们的大小是相对于视口的.当我点击一些图标时,我想在图标(iTunes风格)下用一些内容展开div.我使用jQuery并尝试过slideDown,有或没有将内容附加到icon-div,但它没有想到其余部分.

我不能用div分隔每一行,因为一行上的图标数量不一致.

我已经尝试过这个库,但是由于可怕的文档,我没有设法让它工作,任何建议:http: //thomaspark.me/project/expandingalbums/

一些jQuery:

$(document).ready(function(e){

   $('#1').on('click',function(){

      $('.dropdownwrap').slideToggle();

   });

HTML:

<div id="1" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> 
<a href="#">Icon-Label</a> </div>
<div class="dropdownwrap"></div>
<div id="2" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> <a href="#">Icon-Label</a> </div>
<div id="3" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> <a href="#">Icon-Label</a> </div>
<div id="5" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> <a href="#">Icon-Label</a> </div>
<div id="6" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> <a href="#">Icon-Label</a> </div>
<div id="7" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> <a href="#">Icon-Label</a> </div>
<div id="8" class="app"><a href="#"><img src="http://www.lorempixel.com/121/121" alt=""/></a> 
<a href="#">Icon-Label</a> </div>
<div id="9" class="app"><a …

我目前正在处理一个需要包含一些信息的表的Web项目.一个例子是这样的句子:

• 收入增加X%
• 再卖X件

有没有这样的句子,只需点击X并填充一个值？我玩过输入字段,但我很难格式化并让它看起来很好看.

输入是有效的,但任何建议,使它看起来完美无瑕,不像两个不同的句子？

建议？我有两个div给你看:

<!-- Base one -->
<div id="baseOne">
    * Boost revenue by <span id="baseOneReplace">X</span> %
</div>

<!-- Base two -->
<div id="baseTwo">
    * Boost revenue by <input id="baseTwoInput" value="X"> %
</div>

http://jsfiddle.net/rLr7C/