Javascript 使用2个按钮在2个div之间切换

我试图用两个按钮在两个div之间切换。我浏览了谷歌，但还是一无所获。你能告诉我哪里错了吗，我肯定它在jQuery中。也可以用普通的而不是普通的吗

这是我的密码：

---

//一次只显示一个面板
jQuery（“.flip”）。打开（“单击”，函数（e）{
var target=jQuery（this.attr（“href”）；
jQuery（目标）.slideToggle（“快速”）；
jQuery（“.content”）.not（target.hide（）；
e、 预防默认值（）；
});
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}

我是第一组
我是二等兵
您的代码很好。您需要将
div的
Id
更改为
flip的
href
。您的代码不起作用，因为您在
元素的
href
中有不同的
id
，然后在
元素的
内容中有不同的
id


//一次只显示一个面板
jQuery（“.flip”）。在（“click”上，函数（e）{
var target=jQuery（this.attr（“href”）；
jQuery（目标）.slideToggle（“快速”）；
jQuery（“.content”）.not（target.hide（）；
e、 预防默认值（）；
});
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}
.顶部按钮{
背景色：#ffffff；
边框：1px纯黑；
文本对齐：居中；
宽度：50px；
身高：5雷姆；
保证金：3倍；
-webkit边界半径：12；
-莫兹边界半径：12；
边界半径：4px；
} 
.顶部按钮a{
文字装饰：无；
颜色：黑色；
}

我是第一组
我是二等兵
您的代码很好。您需要将
div的
Id
更改为
flip的
href
。您的代码不起作用，因为您在
元素的
href
中有不同的
id
，然后在
元素的
内容中有不同的
id


//一次只显示一个面板
jQuery（“.flip”）。在（“click”上，函数（e）{
var target=jQuery（this.attr（“href”）；
jQuery（目标）.slideToggle（“快速”）；
jQuery（“.content”）.not（target.hide（）；
e、 预防默认值（）；
});
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}
.顶部按钮{
背景色：#ffffff；
边框：1px纯黑；
文本对齐：居中；
宽度：50px；
身高：5雷姆；
保证金：3倍；
-webkit边界半径：12；
-莫兹边界半径：12；
边界半径：4px；
} 
.顶部按钮a{
文字装饰：无；
颜色：黑色；
}

我是第一组
我是二等兵
您只需将
.content
元素的id替换为等于
的
href
的值。flip
当然没有
#

另外，将javascript中的
slideToggle
更改为
show
，以便第一次单击div时，它将继续显示


//一次只显示一个面板
jQuery（“.flip”）。打开（“单击”，函数（e）{
var target=jQuery（this.attr（“href”）；
jQuery（target.show（“fast”）；
jQuery（“.content”）.not（target.hide（）；
e、 预防默认值（）；
});
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}

我是第一组
我是二等兵
您只需将
.content
元素的id替换为等于
的
href
的值。flip
当然没有
#

另外，将javascript中的
slideToggle
更改为
show
，以便第一次单击div时，它将继续显示


//一次只显示一个面板
jQuery（“.flip”）。打开（“单击”，函数（e）{
var target=jQuery（this.attr（“href”）；
jQuery（target.show（“fast”）；
jQuery（“.content”）.not（target.hide（）；
e、 预防默认值（）；
});
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}

我是第一组
我是二等兵
试试这个。使您的按钮
href
与内容的
id
相同。因此，将有一个链接来确定单击按钮时应显示哪些内容。隐藏css上的所有内容类。并触发
单击代码中的事件。以便在页面加载时显示内容。你唯一要做的就是切换视图
$（.flip”）。在（“单击”上，函数（e）{
e、 预防默认值（）；
$（“.content”）.hide（）；
$（$（this.attr（“href”）.show（“fast”）；
});
$（“a[href='#first div']）。触发器（'click'）
。按钮包装器{
文本对齐：居中；
}
.按钮包装a{
文字装饰：无；
颜色：黑色；
利润率：10px
}
.内容h1{
文本对齐：居中；
边缘顶部：2米；
}
.内容{
显示：无；
}

我是第一组
我是二等兵
试试这个。使您的按钮
href
与内容的
id
相同。因此，将有一个链接来确定单击按钮时应显示哪些内容。隐藏css上的所有内容类。并触发
单击代码中的事件。以便在页面加载时显示内容。你唯一要做的就是切换视图