分析代码 - 我找不到源代码如何写

-3

我知道我的问题可能很烦人，因为我询问了一些对您来说容易的事情，当然我可以自己检查它，但对我来说太难了。我可以找到div的宽度和高度，找到背景颜色和字体，但我找不到代码来执行你可以在这里找到的东西： http://easyelo.com/ 在常见问题中，在页面底部附近，你点击>>，并显示附加文字和说明。我不知道如何检查它在做什么。有人能帮助我吗？分析代码 - 我找不到源代码如何写

<div class="more" style="font-family: arial; margin-bottom: 10px; margin-top: 10px; display: block;"> 
       <i style="line-height: 20px; font-size: 15px;font-family:arial;">Sorry, we don’t do any jobs until they are paid for; however, we do allow you to pay in increments as small as 10 euro. </i> 
       </div>

来源

2013-03-26 Filip Bartuzi

对我来说看起来像是手风琴http://css-tricks.com/snippets/jquery/simple-jquery-accordion/ – gaynorvader 2013-03-26 16:00:33

easyelo.com上的这个解决方案甚至更简单，只是[.slideToggle（）]（http： //api.jquery.com/slideToggle/）来自jQuery。 – 2013-03-26 16:02:15

这里有一个简单的解决方案：

使用下面的代码来创建的元素：

<div id="mainLine">The immediately visible part of the thing here. <a href="#" id="more">>></a> 
<p id="hiddenText">This thing appears and disappears as you click the '>>' at the end.</p>

，并使用此jQuery脚本隐藏元素时，页面加载，然后只显示它当点击'>>'时：

$(document).ready(function(){ 
$("#hiddenText").hide();}); 

$(document).ready(function(){ 
$("#more").click(function(){ 
    $("#hiddenText").slideToggle("slow"); } 
       ); 
});

如果你有兴趣，这里是CSS从“>>” emoves下划线：

a 
{ 
text-decoration: none; /* I'm trying to make it look more like the original */ 
}

你可以找到http://jsfiddle.net/2b7Vp/

工作的例子这是我的第一个答案在SO &我希望这可以帮助你（部分来自@Pavel斯特巴的评论被盗。谢谢！）。

来源

2013-03-26 16:33:16 rktcool

分析代码 - 我找不到源代码如何写

回答

相关问题