分析代码 - 我找不到它的编写方式

时间:2013-03-26 15:58:47

标签: jquery html css html5 css3

我知道我的问题可能很烦人,因为我在问一些对你来说很容易的事情,当然我可以自己检查一下,但这对我来说太难了。我可以找到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>

1 个答案:

答案 0 :(得分:3)

这是一个简单的解决方案:

使用以下代码创建元素:

<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脚本在页面加载时隐藏元素,然后仅在'&gt;&gt;'时显示它点击:

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

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

如果您有兴趣,这里是从'&gt;&gt;'删除下划线的CSS:

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

您可以在http://jsfiddle.net/2b7Vp/

找到一个有效的例子

这是我在SO&amp;我希望这可以帮到你(部分是从@Pavel Sterba的评论中偷来的。谢谢!)。