-2
我一直试图让这个代码工作(http://jsfiddle.net/2DY8M/9/),该文件是在我的桌面上的文件夹在一个单一的HTML文档。我试图把脚本放在头部标签的上面和下面,并尝试链接到同一个文件夹中的本地jquery文件,但是我得到了相同的结果。它的工作原理上的jsfiddle但不是在我的浏览器(FF,铬)
在浏览器中,当我单击链接时,目标框中不会显示任何内容。
下面是代码
<DOCTYPE html>
<html>
<head>
<style media="screen" type="text/css">
.contentleft{
border:1px solid green;
width:30%;
float:left;
}
.contentright{
border:1px solid red;
width:64%;
float:right;
height:400px;
}
.selectboxcontent{
width:100%;
height:100px;
background:#ccc;
display:none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('.selectBox').click(function() {
$('selectBoxContent').toggle("slide");
return false;
});
});
</script>
</head>
<body>
<div class="contentleft">
<ul>
<li><a class="selectBox" href="">sample</a></li>
<li><a class="selectBox" href="">sample1</a></li>
<li><a class="selectBox" href="">sample2</a></li>
</ul>
</div>
<div class="contentright">
<div class="selectBoxContent">its</div>
<div class="selectBoxContent">my</div>
<div class="selectBoxContent">way</div>
</div>
</body>
</html>
请添加一个接近的选票太本地化.. –
@RobW - 完成! – adeneo
谢谢,它现在有效。 – user2479031