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

Question

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

我有 2 个问题。

问题 1

有人可以帮我把它翻译成 Javascript。在这里工作的小提琴：小提琴

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

问题2

有没有办法找到网站脚本发生了什么以及它们如何呈现。因为我发现很难看到阻止上述脚本的内容。谢谢

Answer 1

1 试试这个 :)

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

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