Home/ Questions/Q 590391
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T15:31:29+00:00

I’m very new in scripting with js. My question is, how can i set

  • 0

I’m very new in scripting with js. My question is, how can i set an onclick at an h1, which set the display to none at another div?

Here my code:

var iter;

        function toggleGroups()
        {
            function getAllGroups()
            {
                titlebars = document.getElementsByClassName('titlebar_js');
                groupfields = document.getElementsByClassName('inner_groups_gether');
                for(i = 0; i < titlebars.length;i++)
                {
                    tb = titlebars[i];
                    iter = i;
                    tb.onclick = function()
                    {
                        alert(iter);
                        groupfields[iter].style.display = 'none';
                    }
                }
            }           
            getAllGroups();
        }

        window.onload = function()
        {
            toggleGroups(); // Aufruf der Funktion
        }

It doesn’t work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hey, the other guy is right, jQuery is great for solving this very quickly. Example:

    <html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript">
        jQuery(window).bind("load", function() { 
            $('h1').click(function() {
                $('div.toBeHidden').css('display','none');
            });
        });
    </script>
</head>
<body bgcolor="yellow">
<h1>Click me!</h1>
<div class="toBeHidden">
    This block will be hidden after clicking the h1... 
</div> 
</body>
</html>

    Here you are telling the browser to grab any h1 tag and make the divs with class “toBeHidden” to disappear.

    You can learn bout jQuery here. It is worth it for sure. I rarely use pure javascript again after having started with jQuery.

    • 0