<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <select name="selectValue" onchange="mostra(this.value)"> <option value=""></option> <option value="santos">Santos</option> <option value="retroPorto">Retro Porto</option> <option value="itajai">Itajai</option> <option value="paranagua">Paranaguá</option> <option value="curitiba">Curitiba</option> <option value="saoPaulo">Sao Paulo</option> </select> <div class="esconde" id="opdRetro"> <table class="table table-striped table-hover "> <thead> <tr class="bg-primary"> <th>Escola</th> <th>Autor</th> <th>Disciplina</th> </tr> </thead> <tbody> <!-- para abrir em outra aba adicionar target="_blank" --> <tr> <td>Desenvolvimento</td> <td>Yrvin Bolsoni</td> <td><a href="#">Aspx.pdf</a></td> </tr> <tr> <td>Desenvolvimento</td> <td>Yrvin Bolsoni</td> <td><a href="#">PHP.pdf</a></td> </tr> <tr> <td>Desenvolvimento</td> <td>Yrvin Bolsoni</td> <td><a href="#">Ruby.pdf</a></td> </tr> <tr> <td>Desenvolvimento</td> <td>Yrvin Bolsoni</td> <td><a href="#">Html.pdf</a></td> </tr> </div> </div>