使用Javascript打开和关闭显示内容

我想做的是，使用css或javascript打开和关闭一些内容。不是jQuery，原因是我有一些jQuery类，下面的脚本没有呈现。花了好几个小时试图找出原因，但是找不到

我有两个问题

问题1

有人能帮我把这个翻译成Javascript吗。这里有一把小提琴：

问题2

有没有一种方法可以找到网站的脚本发生了什么以及它们是如何呈现的。因为我发现很难看到是什么阻碍了上面的脚本。谢谢你让我试试这个：）

---

2-在chrome中使用webinspector（按F12键）或在firefox中使用firebug

你的选择器太笼统了。您无法隐藏页面上的所有

div

元素。每个div都有自己的类。你看到小提琴了吗。这会有帮助吗？这很公平，但是

div

s用于很多事情。如果您甚至有一个

div

的类名不在

select

中，那么您的页面将无法工作。如果您的意思是看不到“房东”的内容，那是因为如果class

land\u索赔

，您就没有任何div。否。我说没有任何效果，因为与另一个脚本冲突。我找不到它是哪个脚本，因为我正在编辑别人的网站。

$(document).ready(function(){
$('select').on('change',function(){
var val = $(this).val();
$('div').hide();
$('.' + val).css('display','block'); }).change();
});

$('select').on('change', function() {
    var val = $(this).val();
    $('div[class$=claims]').hide();
    $('.' + val).show();
}).change();