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,比如点击“我的博客”,右侧就出现“我的博客”页里面的内容，怎么写呢？望大家指点一二，谢谢。