jquery点击左侧任意一个li，右侧相应切换li的内容,怎么实现？

Question

jquery点击左侧任意一个li，右侧相应切换li的内容，想这个怎么实现？

左侧是

<div class="sider">
            <ul>
                <li><a href="/"><span ></span>我的首页</a></li>
                <div ></div>
                <li>
                        <a href="/"><span ></span>我的博客</a>                    
                </li>
                <li>
                    <div >
                        <a href="/"><span ></span>我的心情日记</a></li>
                    </div>

</div>

点击左侧的li,比如点击“我的博客”,右侧就出现“我的博客”页里面的内容，怎么写呢？望大家指点一二，谢谢。