[devote]

<style type="text/css">
    #spisok {
        position: absolute;
        display: none;
        width: 100px;
        height: 100px;
        background-color: #00ff00;
    }
</style>
<div>
    <a href="" id="spisokOpenClose">Открыть</a>
    <div id="spisok">Список</div>
</div>
<script type="text/javascript">
    document.getElementById( 'spisokOpenClose' ).onclick = function( e ) {

        var spisok = document.getElementById( 'spisok' );

        e = e || window.event;

        if ( spisok.style.display == 'block' ) {
            spisok.style.display = 'none';
        } else {
            spisok.style.display = 'block';
        }
        if ( e.stopPropogation ) {
            e.stopPropagation();
        } else {
            e.cancelBubble = true;
        }

        return false;
    }

    document.onclick = function( e ) {

        var spisok = document.getElementById( 'spisok' );

        e = e || window.event;

        if ( ( e.target || e.srcElement ) !== spisok ) {
            spisok.style.display = 'none';
        }
    }
</script>