<h3>Filter by Category:</h3>
<ul>
    <li style="display: inline;"><a id="dotnet" href="#">Microsoft.NET</a></li>
    <li style="display: inline;"><a id="jquery" href="#">JQuery</a></li>
    <li style="display: inline;"><a id="front-end" href="#">Front End</a></li>
</ul>
<ul>
    <li class="front-end"><a href="articles/do-it-yourself-rich-text-editing">Do It Yourself Rich Text Editing</a></li>
    <li class="dotnet"><a href="articles/file-download-with-asp-net">File Download With ASP.NET</a></li>
    <li class="dotnet"><a href="articles/forms-authentication-in-asp-net">Forms Authentication in ASP.NET</a></li>
    <li class="dotnet"><a href="articles/function-overloading">Function Overloading in ASP.NET</a></li>
    <li class="jquery"><a href="articles/jquery-menu-selection">JQuery Menu Selection</a></li>
</ul>

<script>
    $frontEndListItem = $("li.front-end");
    $dotNetListItem = $("li.dotnet");
    $jqueryListItem = $("li.jquery");

    $("#front-end").click(function() {
    jQuery.each($dotNetListItem, function() {
        $dotNetListItem.hide(400);
    });

    jQuery.each($jqueryListItem, function() {
        $jqueryListItem.hide(400);
    });
    });

    $("#dotnet").click(function() {
    jQuery.each($jqueryListItem, function() {
        $jqueryListItem.hide(400);
    });

    jQuery.each($frontEndListItem, function() {
        $frontEndListItem.hide(400);
    });
    });

    $("#jquery").click(function() {
    jQuery.each($dotNetListItem, function() {
        $dotNetListItem.hide(400);
    });

    jQuery.each($frontEndListItem, function() {
        $frontEndListItem.hide(400);
    });
    });
</script>