Abrir e fechar divs com jquery e javascript

[GustavoDose 1]

Bom dia, estou com dificuldades para fazer um operação simples

 

 

preciso clicar em um um botão e abrir um div ate ai tranquilo so que tem 4 botoes iguais mas com conteúdos diferentes, quando clico nos botões ele sempre traz a mesma div queria que ao apertar nos botões diferentes ele venha a trazer a suas respectivas divs

 

 

                            <script>
                                    $(document).ready(function () {
                                        $('.texto').hide();
                                        $('.botao).click(function () {
                                        $('.div-aberta').fadeIn(300);
                                        $('.div-aberta').toggleClass('active');
                                            return false;
                                    });
                                        $('.div-aberta').click(function(e) {
                                        e.stopPropagation();
                                    });
                                        $(document).click(function() {
                                        $('.texto').fadeOut(300);
                                        $('.botao').removeClass('active');
                                      });
                                    });
                            </script>

[William Bruno 1501]

leia:

 

http://wbruno.com.br/jquery/afinal-e-javascript/

[Jayr Alencar Jhs 2]

Olha esse: http://clubedosgeeks.com.br/web-design/jquery/navegacao-em-abas-com-jquery

[GustavoDose 1]

Obrigado bruno e jayr