如何使jQuery中的“read more”按钮更加复杂

时间:2013-03-06 17:31:39

标签: jquery html css

我正在尝试开发一个包含文本一部分的div,它会在点击“Read More”时展开。我的问题是,我不能使可扩展的DIV由其他2个div组成,彼此靠近像这样|文本图像| .....我需要这2个div所以在一个将有文本和在另一张照片。 这是我得到了多远:http://jsfiddle.net/nN3Uz/1/ 它几乎完成了,但是我在拆分主DIV时遇到了麻烦。我该怎么办?添加2个div并浮动它们,尝试但在那里遇到了一些问题。 这是html和其他你可以在jsfiddle

中看到它们

HTML

<p id="title">Math</p>
<div class="expander" id="aspect">
                <div id="paragraf">
                Paragraph 2: Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est 
                laborum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est Excepteur sint occaecat 
                cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est Excepteur sint occaecat cupidatat non proident, sunt in c
                ulpa qui officia deserunt mollit anim id est 
                </div>
        </div>

和css

#title {
 border:1px solid #800000;
 width:1000px;
 background:#800000;
 color:#fff;
 margin-left:0px;
 font-size: 30px;
 }

#aspect {
width:1000px;
border: 1px solid #800000;
background:#fff;
box-shadow: 5px 5px 5px #494949;
padding-left:10px;
}

#paragraf {
margin-right:10px;
width:1000px;
}

0 个答案:

没有答案