这样，大家点 阅读原文的时候，也可以跳转或者是在你的文字的最后，你做一个图片，图片就是展开，然后选中这个图片，添加链接地址，输入你要展开的那个页面的网址，就可以啦。

使用CSS方法实现的效果当鼠标悬停在科目上时，出现2级下拉菜单，2级菜单中包括“语文”，“数学”，此方法为纯CSS样式表功能实现，无任何js代码lthtml lthead ltstyle type=quottextcssquot margin0px padding。

if $thistext === #39展开#39 #39input#39showthistext#39收起#39 else #39input#39hidethistext#39展开#39 3浏览器运行indexhtml页面，此时显示出了展开按钮4点击展开。

先让隐藏的那一部分设置样式display，点加号的时候通过javascript中的点击事件让隐藏的那一部分内容设置displayblock，再让加号隐藏掉就可以了。

lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitle文章高度展开lttitle ltstyle myarticle width700pxheight300pxoverflowyhiddenborder1px solid greenmargin20px auto。

先将要div1的内容隐藏，css代码#div1display 然后将函数 isHiddenoDiv里面的display设置为显示的 = == #39block#39？#39#39#39block#39源代码lt！DOCTYPE html。

把一下代码直接新建HTML保存，你看下效果刚写的，有问题再联系我ltdiv id=quotiddivquot style=quotwidth200pxheight200pxoverflowhiddenborder 1px solid bluequot lttable lttrlttd12lttdlttd12lttdlttd。