<div class="container paddtop">
    <div class="row">
        <div class="col-md-3">
            <div class="list-group">
                {% for station in all_stations %}
                    <a href="#" id="st{{ station.id }}" data-station="{{ station.id }}" class="list-group-item station">{{ station }}</a>
                {% endfor %}
            </div>
        </div>
        <div class="col-md-3">
            <div id="all_sl" class="list-group"></div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function(){

        var $sl_div = $('#all_sl');

        // Тут используем on тк элементы в доме уже есть
        $('.station').on('click', function () {
            var station_id = $(this).data('station');
            $sl_div.empty()
            $.get('/getsl/', {'station': station_id}, function(result){
                for (var i = result.length - 1; i >= 0; i--){
                    $("#all_sl").append('<a href="#" class="list-group-item line" data-line="' + result[i][0] + '" id="sl' + result[i][0] + '">' + result[i][1] + '</a>');
                };
            });
        });

        // Тут используем live тк элементов в доме нет, и надо постоянно обновлять хенлер
        $(".line").live('click', function(){
            var line_id = $(this).data('line');
            /// формируй дальше меню
        });


    });
</script>