大家幫忙看看 這個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]