用了jquery，代码如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css">
.button {
background-color: #5bc0de;
border-radius: 5px;
color: white;
padding: .5em;
text-decoration: none;
}
.button:focus,
.button:hover {
background-color: #46b8da;
color: White;
}
</style>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".button").click(function() {
var subject = $(this).attr("subject");
$("#div-content p").not("#"+subject).slideUp("", function() {
$("#div-content #"+subject).slideDown("");
});
});
});
</script>
</head>
<body>
<h1>论文指导写作方法</h1>
<div id="div-control">
<a class="left button" href="#" subject="junshi">军事学</a>
<a class="left button" href="#" subject="nong">农学</a>
</div>
<div id="div-content">
<p id="junshi" class="content" hidden>军事学内容...</p>
<p id="nong" class="content" hidden>农内容...</p>
</div>
</body>
</html>
望采纳，谢谢
您好，有个问题就是 当点击A时显示，再次点击A时无法隐藏
追答哦，题目没说，等等我改下。
把javascript那一段改成下面的再试试：
<script type="text/javascript">$(document).ready(function() {
$(".button").click(function() {
var subject = $(this).attr("subject");
$("#div-content p").not("#"+subject).slideUp("", function() {
if($("#div-content #"+subject).is(":visible")) {
$("#div-content #"+subject).slideUp("");
} else {
$("#div-content #"+subject).slideDown("");
}
});
});
});
</script>
a标签按钮(多个),点击A按钮 下面显示内容,点击B按钮 下方关闭A内容 显示...
用了jquery，代码如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Test<\/title><style type="text\/css">.button {background-color: #5bc0de;border-radius: 5px;color: white;padding: .5em;text-decoration: none;}.button:focus,.button:hover {background-color: #46b8...
点击a页面的按钮调用并执行b页面的js使不页面的div隐藏
这样就调用了b.php中的test()函数了，也能传参数
HTML一个页面有多个a标签,怎么写才能让a标签显示不同的样式
<body> <p><a class="xiao" href="#">第一个链接<\/a><\/p> <p><a class="da" href="#">第二个链接<\/a><\/p> <\/body> <\/html>
...用户窗体打开B工作簿,但是点击B工作簿关闭按钮时,关闭的每次都是A工...
myworkbook.close()就关闭你打开的文件,同一个文件不建议多开,影响速度
点击一个页面上的a标签跳转到b页面后并链接到一个固定标签下的iframe...
首先你要在B页面写一个自动执行的函数，window.onload=function(){},然后用自动执行的函数跳转到对应的iframe。（注：不清楚你说的跳转是跳转iframe的哪个链接还是要定位到当前的iframe窗口），如果是指定只有a页面跳转过来的才执行这个函数的话你可以设置一个cookie，然后该函数在执行跳转之前清掉这个cookie...
excel中通过下拉菜单显示不同的报表内容,类似下拉选项中,一旦切换内 ...
先将表格框架大致建立好，将姓名全部输入到A列，B列性别列具体信息暂时不输入；再到E1列输入男，E2列输入女 先将EXCEL的功能区切换到“数据”，再用鼠标选中B2到B7列 点击“数据有效性”→“数据有效性”，弹出数据有效性窗口 在“数据有效性”窗口，将有效性条件下的允许设置为“序列”再点击“来源...
...在B中修改数据点击保存后自动关闭B,同时A中自动刷新其数据?_百度...
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。8. status:{yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。9. scroll:{ yes |...
几何画板怎么把文字设置为显示隐藏按钮
具体的操作步骤如下：1.在文本框中输入B，选定B，“编辑”——“操作类按钮”——“隐藏\/显示”，此时可以得到一个“隐藏说明”按钮。 选中文本B制作隐藏说明按钮示例2.选定该“隐藏说明”按钮，右键选择“属性”，在标签选项下，修改标签为“A”。 修改隐藏说明按钮标签为A3.再建立一个...
如何实现点击a标签当所要跳转的页面加载完成后在进行跳转
hiddenDiv.style.display=""; \/\/显示页面内容 loadDiv.removeNode(true);clearInterval(setInterval1);clearInterval(setInterval2);} \/\/ --><\/script> <\/head> <body> <div id=hiddenDiv style="display:none"> <img src=这里放图片地址.gif> <!-- 将你的网页所有内容都...
用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就...
