<script type="text/javascript">
    <!--
    var mode;
    function show(mode) {
            if (mode == 'approved') {
            document.approvedno.style.visibility = "hidden";
            alert('hidden');
            }
    
            if (mode == 'all') {
            document.approvedno.style.visibility = "visible";
            alert('shown');
            }
    }
    //-->
</script>

show: 
<a style="cursor: pointer;" onclick="javascript:show('all')">all</a>
<a style="cursor: pointer;" onclick="javascript:show('approved')">approved</a> 

<div class="approvedno" style="visibility: visible;">hide me</div>
<div class="approvedyes" style="visibility: visible;">don't hide me</div>
<div class="approvedno" style="visibility: hidden;">hide me</div>
<div class="approvedyes" style="visibility: hidden;">don't hide me</div>

I want to click a button and then change the style of all elements with a certain class. it's not working.

http://www.webmasterworld.com/forum91/2633.htm second ascript response

Originally Posted by PaulW

http://www.webmasterworld.com/forum91/2633.htm second ascript response

neither of those examples seem to work

edit: I found another somewhere else that seemed to work though:

function classAction(theClass){
 var allTags = document.getElementsByTagName('*');
 for(i=0; i<allTags.length; i++){
  if(allTags[i].className == theClass) allTags[i].style.display = 'none';
 }
}

jQuery is kind of a perfect example for making something like this really easy.
pretty sure this would be the code:

$('.classname').css({display: 'none'});