Так что-ли? оО
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table class="table">
<tr><td>
<div id="detail5" class="look">sdfsadf</div>
</td></tr>
<tr><td>
<div id="detail7" class="look">sdfsfsdf</div>
</td></tr>
<tr><td>
<div id="detail9" class="look">sdfsdf</div>
</td></tr>
<tr><td>
<div id="detail11" class="look">sdff</div>
</td></tr>
<a href="javascript:void(0)" onclick="hide_all_look(); return false;"><b>_Скрыть_</b></a>
<script>
function hide_all_look() {
[].forEach.call(document.querySelectorAll('.look'), function(item) {
item.innerHTML = '';
});
}
</script>
</body>
</html>
Касательно этого ужаса.
<a href="javascript:void(0)" onclick="hide_all_look(); return false;"><b>_Скрыть_</b></a>
Ничего не смущает?=)