[destus]

borus,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <style>
        ul{
            list-style-type : none;
        }
        ul li span{
            cursor : pointer;
            color : #444;
        }
    </style>
    <script>
        $(function () {
            $('ul li ul').hide();
            $("ul > li > span").click(function () {
                $(this).nextAll('ul').slideToggle();
            });
        })
    </script>
    <ul>
        <li><span>+</span> <a href="http://javascript.ru">Javascript.ru</a>
        <ul>
            <li><a href="http://google.com">Google.com</a></li>
            <li><a href="http://yandex.ru">Yandex.ru</a></li>
        </ul>
        </li>
    </ul>

осталось заменить "+" на background-image