Jquery 如何展开包含一半文本和一半图像/照片库的div？

我正在尝试创建一个类似“阅读更多”的div，我成功地创建了它，但当我尝试将主div（带有“阅读更多”按钮）设置为半文本半图像/照片库（就像一篇文章，文本左侧，图像右侧）时，我遇到了一些问题。根据我的预期操作，我应该对此代码进行哪些更改

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>

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