大家帮忙看看 这个js怎么写？

今天遇到了一个问题：
    需求如下：
    在一个页面上显示十条新闻标题，但是要求前[b][color=#FF0000]两条的新闻具体内容[/color][/b]是展开显示在 对应新闻标题之下，[b]其余的只显示新闻标题[/b]，但是当[b]鼠标点击[/b]时会展开像上两条一样显示相应的内容。

     如：
       1.[b][color=#0000FF]第一条新闻标题[/color][/b]
            这里是对应新闻内容。。。。。
       2.[b][color=#0000FF]第二条新闻标题[/color][/b]
            这里是对应新闻内容。。。。。
       3.[b][color=#0000FF]第三条新闻标题[/color][/b
        .
        .
        .
        .
       10.[b][color=#0000FF]第十条新闻标题[/color][/b]