SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<div id="overlay_news">
    <h3><a href="#">Item 1</a></h3>
    <div class="news_text">
        <h4>Item 1</h4>
        <p>Detail 1 <a href="link1.com"></a></p>
    </div>
    <h3><a href="#">Item 2</a></h3>
    <div class="news_text">
        <h4>Item 2</h4>
        <p>Detail 2 <a href="link1.com"></a></p>
    </div>
</div>

CSS

.news_active { font-weight: bold; }

JavaScript

$("#overlay_news div").hide();
$("#overlay_news h3 a").click(function() {
    $(this).addClass("news_active")
           .parent().siblings("div").fadeOut(100).end()
           .next("div").fadeTo(400, 0.8).end()
           .siblings("h3").children("a").removeClass("news_active");
    return false;
});