JavaScript：tab切换，刷新内容部分

 <ul id="top">
        <li>标题1</li>
        <li>标题2</li>
        <li>标题3</li>
    </ul>
        <ul id="ul">
            <li id="title-1">内容1
            <input type="radio" name="yes">男
            <input type="radio" name="yes">女</li>
            <li id="title-2">内容2</li>
            <li id="title-3">内容3</li>
        </ul>
    </div>
    js部分
    $('#top a').click(function(){
        $(this).css('background','#ccc').siblings().css('background','#fff');
        var x=$(this).index();
        $('#ul li').eq(x).show().siblings().hide();

    点击选项卡，就让与其对应的内容页面刷新（返回初始状态）。是只能通过ajax来做吗，有什么简单的方法

内容一开始就全部加载进来，当前分类的展示。可以不？

你是需要全部刷新 还是局部刷新