Javascript Jquery在单击时更改内容

我需要知道，如何重现您在本页上看到的相同效果：

有一个很好的“小部件”meteo，我正试图在我的网站上重新创建它。 当你第二天点击其中一个（小部件的底部空间）时，中间的内容会发生变化。 我怎么能做到这一点

---

请注意：很抱歉我的英语不好。

如果您不必加载动态数据，您可以将此小部件视为一个简单的滑块。下面是我为你做的一个例子：

$（'#widget.nav li'）。单击（函数（e）{
$（'#widget.nav li'）.removeClass（'active'）；
$（this.addClass（'active'）；
$（'#widget.content'）。设置动画({
左：$（'#widget.nav li'）.index（this）*-265
}, 300);
});
#小部件{
位置：相对位置；
宽度：265px；高度：200px；
溢出：隐藏；
边框：1px实心#bcbc；
}
#小部件ul{
列表样式：无；
边距：0；填充：0；
}
#widget.nav{
位置：绝对；底部：0；左侧：0；
}
#李导航{
显示：块；
浮动：左侧；边距：5px 0 5px 5px；
宽度：30px；高度：30px；
文本对齐：居中；线条高度：30px；
光标：指针；
边框：1px实心#dedede；
}
#widget.nav li:悬停，
#widget.nav li.active{
背景：#efef；
边框颜色：#bcbc；
}
#widget.content{
位置：绝对；顶部：0；左侧：0；
显示：块；
宽度：1855px；高度：150px；/*1820=265*7*/
}
#widget.content li{
显示：块；
浮动：左侧；填充：5px；
宽度：255px；高度：150px；
文本对齐：居中；线条高度：150px；
}


内容周一
内容星期二
内容星期三
内容周四
内容星期五
内容周六
内容周日


Mo
屠
我们
Th
Fr
Sa
苏

如果您需要AJAX，请搜索并尝试一些教程。它允许您仅刷新页面的某些部分。您希望将其更改为静态数据或图像，还是希望从服务器获取动态数据？