Есть скрипт, который показывает блоки при выборе определенного пункта select. Но он работает только с включенной библиотекой jQuery. Можно ли как-то реализовать то же самое без jQuery?
Это нужно, т.к. происходит очередной банальный конфликт библиотек, который я никак не могу отследить. С noConflict я как-то не подружился.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#selecter1').click(function(){
document.getElementById("block1").style.display = "none";
document.getElementById("block2").style.display = "none";
});
$('#selecter2').click(function(){
document.getElementById("block1").style.display = "block";
document.getElementById("block2").style.display = "none";
});
$('#selecter3').click(function(){
document.getElementById("block1").style.display = "none";
document.getElementById("block2").style.display = "block";
});
});
</script>
</head>
<body>
<select name="menu" size="1">
<option name="type" value="0" id="selecter1" select="selected"> </option>
<option name="type" value="1" id="selecter2">Фундамент</option>
<option name="type" value="2" id="selecter3">Перекрытия 1-го этажа</option>
</select>
<div id="block1" style="display:none;">БЛОК 1</div>
<div id="block2" style="display:none;">БЛОК 2</div>
</body>
</html>