Javascript 它可以在JSFIDLE上工作，但不能在我的浏览器（FF、Chrome）中工作_Javascript_Jquery_Jsfiddle

Javascript 它可以在JSFIDLE上工作，但不能在我的浏览器（FF、Chrome）中工作

javascript jquery

Javascript 它可以在JSFIDLE上工作，但不能在我的浏览器（FF、Chrome）中工作,javascript,jquery,jsfiddle,Javascript,Jquery,Jsfiddle,我一直在努力使这段代码正常工作（），该文件是我桌面上文件夹中的一个html文档。我尝试将脚本放在结束头标记的上方和下方，还尝试链接到同一文件夹中的本地jquery文件，但得到了相同的结果在浏览器中，单击链接时，目标框中不会显示任何内容这是密码 <DOCTYPE html> <html> <head> <style media="screen" type="text/css"> .contentleft{ border:1px soli

我一直在努力使这段代码正常工作（），该文件是我桌面上文件夹中的一个html文档。我尝试将脚本放在结束头标记的上方和下方，还尝试链接到同一文件夹中的本地jquery文件，但得到了相同的结果

在浏览器中，单击链接时，目标框中不会显示任何内容

这是密码

    <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>


.contentleft{
边框：1px纯绿色；
宽度：30%；
浮动：左；
}
.内容权{
边框：1px纯红；
宽度：64%；
浮动：对；
高度：400px；
}
.selectboxcontent{
宽度：100%；
高度：100px；
背景：#ccc；
显示：无；
}
$（函数（）{
$（'.selectBox'）。单击（函数（）{
$（'selectBoxContent'）。切换（“幻灯片”）；
返回false；
});
});





它的
我的
方式

更改

$('selectBoxContent')

到

第一个查找具有匹配标记名的元素，而第二个查找类。

请对“太本地化”进行投票。。谢谢，它现在可以工作了。

$('.selectBoxContent')