Select w JS Opcje

[maxerxxl]

Witam.

Mam pewien problem otóż zrobiłem sobie pole select z JS. Czyli jak wybiorę jakąś opcję pojawia mi się ukryty "div".

Problem polega na tym że jak kliknę w ukrytym divie w formularzu "doładuj konto" to diva nie widać i przechodzi do pola select i jak wybiorę znowu diva to pokazuje się informacja z geta.

Kod

<script>
    function showElement(item) {
        if (item == 'sms') {
            sms.style.display = 'block';
            sms.style.visibility = 'visible';
        } else {
            sms.style.display = 'none';
            sms.style.visibility = 'hidden';
        }

        if (item == 'przelew') {
            przelew.style.display = 'block';
            przelew.style.visibility = 'visible';
        } else {
            przelew.style.display = 'none';
            przelew.style.visibility = 'hidden';
        }
    }
</script>

<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Doładowanie konta</h3>
    </div>

    <div class="panel-body">
        <div class="alert alert-info" role="alert">Wybierz poniżej opcję doładowania.</div>

        <!-- wallet option -->
        <div class="form-group">
            <select class="form-control" onchange="java_script_:showElement(this.options[this.selectedIndex].value)">
                <option selected disabled>Wybierz opcję doładowania ...</option>

                <option value="sms">Doładuj portfel SMS'em</option>
                <option value="przelew">Doładuj portfel Przelewem</option>
            </select>
        </div>

        <!-- option sms -->
        <div id="sms" style="display: none;">
            <?php
                include('doladowania/doladowanie_sms.php');
            ?>
        </div>

        <!-- option przelew -->
        <div id="przelew" style="display: none;">
            <?php
                include('doladowania/doladowanie_przelew.php');
            ?>
        </div>
    </div>
</div>

Pomocy!