在html页面上切换并显示div [英] Toggle and show div's on html page
本文介绍了在html页面上切换并显示div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
嗨
可以说我有一个HTML页，其中包含5 div''.
另外我有四个按钮.
我想激活每个按钮，以便显示很少的div，但不会折叠.
但是某些div可以通过几个按钮打开，
例如:
button1:显示div1，div3，div5
button2:显示div2，div3
button3:显示div1，div4，div5
button4:显示所有div.
有人可以帮我做吗?
谢谢！
Tali.
Hi
Lets say I have an HTML page, with 5 div''s.
In addition I have four buttons.
I''d like to activate every button, so that few divs will appear, but few will be collapsed.
But some of the divs can be opened by few buttons,
for exemple:
button1 : shows div1, div3, div5
button2 : shows div2, div3
button3 : shows div1, div4, div5
button4 : shows all divs.
Can someone help me to do it?
Thanks!
Tali.
推荐答案
将其复制到新的html文件中，然后使用浏览器打开.
Copy this into a new html file, and open with your browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Button/Div Example Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
function buttonPressed(button) {
//hide them all
( #div1").hide();
("#div1").hide();
( #div2").hide();
("#div2").hide();
这篇关于在html页面上切换并显示div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
