jquery - 如何扩展包含一半文本和一半图像/照片库的 div？

Question

我正在尝试创建一个看起来像“阅读更多”的 div，我成功创建了它，但是当我尝试使主 div（带有阅读更多按钮）成为一半文本和一半图像/照片库时，我遇到了一些问题（就像一篇文章，左边是文字，右边是图片）http://jsfiddle.net/nN3Uz/1/。我应该对此代码进行什么更改以支持我的期望？

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

Answer 1

我尝试使用<div>但无法让它工作。如果你愿意，你可以用桌子来做。 http://jsfiddle.net/5cvtD/