javascript - クラスごとの可視性の切り替え

Question

こんにちは、誰でも私を助けてください。

たとえば、IDの代わりにクラスごとにToggle Visibilityを使用するにはどうすればよいですか。

ボタン

<a href="javascript:void(0);" onclick="toggle_visibility('trailer');">Trailer</a>

それからこれ。

<div class="trailer" style="display:none">{include file="trailer.tpl"}</div>

では、クラスで動作するようにこの JavaScript を変更するにはどうすればよいでしょうか。

{literal}
<script type="text/javascript">
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->
</script>                
{/literal}  

それで、これのためにJavaScriptが何を助けてくれるでしょうか。

Answer 1

function toggle_visibility(className) {
    $('.' + className).toggle();
}

ブラウザの互換性の問題を回避するには、jQuery を使用する必要があります。