How to call single javascript function for different <div> tags?

[saadkhan]

I`v made the following code:

<div id="Panels" style="width: 28%;"> 
            <asp:Panel ID="one" runat="server" CssClass="Panel"> 
                <div id="Head" onclick="doToggle();"> 
                    HEADER 
                </div> 
            </asp:Panel> 
            <asp:Panel ID="two" runat="server" CssClass="Content"> 
                    abcdefghijklmnopqrstuvwxyz 
           </asp:Panel> 
            <cc1:CollapsiblePanelExtender ID="cpe" runat="server"  TargetControlID="two"></cc1:CollapsiblePanelExtender> 
</div> 
 

and the function doToggle() is:

<script type="text/javascript"> 
        function doToggle() 
        { 
            var cpe = $find("cpe"); 
 
            if (cpe.get_Collapsed())  
            {    
                cpe._doOpen(); 
            }  
            else 
            { 
                cpe._doClose(); 
            } 
        } 
    </script> 

Actually i want to use single 'CollapsiblePanelExtender' for many <div> tags, that is i just need to specify in function the targetId of div tags to act on everytime from where the function is called....

[Frinavale]

Consider using an Accordion Extender instead??

-Frinny