麪包屑切換 li tag

1  jsp

<div>
    <ul id="tags">
        <li>
            <a href="javascript:void(0)" onclick="selectTag('tagContent0',this)" id="tag1">菜單1</a>
        </li>
        <li>
            <a href="javascript:void(0)" onclick="selectTag('tagContent1',this)" id="tag2">菜單2</a>
        </li>
        <li>
            <a href="javascript:void(0)" onclick="selectTag('tagContent2',this)" id="tag3">菜單3</a>
        </li>    
    </ul>
    <div id="tagContent" >
        <div id="tagContent0">
            內容1

        </div>
        <div id="tagContent1" style="display:none;">
            內容2
        </div>
        <div id="tagContent2" style="display:none;">
           內容3
        </div>
    </div>
</div>

2 js

function selectTag(showContent,selfObj){
    $('#tags').find('li').each(function(){
        $(this).removeClass('selectTag');
    });

    $('#tagContent').find("[id^='tagContent']").each(function(){
        $(this).hide();
    });

    document.getElementById(showContent).style.display = "block";
}