הוסטס - פורום אחסון האתרים הגדול בישראל - האם אפשר על ידי CSS בלבד לעשות תפריט נפתח?

יש לי בעיה עם הסקריפט הבא:

PHP קוד:


		
			
<html dir="rtl">

<head>

    <title>Tree menu test</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript">

    function Open(id)

    {

        document.getElementById(id+'_cnt').style.display='block';

        document.getElementById(id+'_btn').innerHTML='<a href="javascript:Close(\''+id+'\')"> - </a>';

    }

    

    function Close(id)

    {

        document.getElementById(id+'_cnt').style.display='none';

        document.getElementById(id+'_btn').innerHTML='<a href="javascript:Open(\''+id+'\')"> + </a>';

    }

    </script>

</head>

<body>

<div id="m1">

  <span id="m1_btn">

    <a href="javascript:Open('m1')">+</a>

   </span>בלה בלה 1

      <div id="m1_cnt" style="display: none; margin-right: 15px;">

        - קישור בלה בלה בלה<br />

        - עוד קישור בלה בלה

      </div>

</div>

<div id="m2">

  <span id="m2_btn">

    <a href="javascript:Open('m2')">+</a>

  </span> בלה בלה 2

    <div id="m2_cnt" style="display: none; margin-right: 15px;">

      - קישור בלה בלה בלה<br />

      - עוד קישור בלה בלה

    </div>

</div>

</body>

</html>

אני רוצה לעשות שבמקום שילחצו על "+" או "-" ילחצו על הטקסט עצמו.