我已经设置好三个按钮,怎么设置js可以实现点击按钮后。此按钮颜色改变,其他2个按钮颜色不变。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<script src="js/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
$("#btn1").click(function() {
$("#content1").toggle();
var str = btn.innerHTML =="按钮1"? "显示":"按钮1";
btn.innerHTML =str;
});
$("#btn2").click(function() {
$("#content2").toggle();
var str = btn.innerHTML =="隐藏"? "显示":"隐藏";
btn.innerHTML =str;
});
$("#bt3").click(function() {
$("#content3").toggle();
var str = btn.innerHTML =="隐藏"? "显示":"隐藏";
btn.innerHTML =str;
});
});
</script>
<body>
<button id="btn1" >第一页1</button>
<button id="btn2" >第二页2</button>
<button id="btn3" >第三页</button>
<p id="content1">1也许明天,也许梦里,我重新拾起我最爱的诗,感动了所有的风和日丽</p>
<p id="content2">2也许明天,也许梦里,我重新拾起我最爱的诗,感动了所有的风和日丽</p>
<p id="content3">3也许明天,也许梦里,我重新拾起我最爱的诗,感动了所有的风和日丽</p>
</body>
</html>