I'm trying to create a list of buttons that when one is clicked it displays that DIV and hides the rest. There is also a default message that shows before any button is clicked.

I've created a codepen already and I think there is something wrong with my script, but I can't work out what I am doing wrong. Any help?

Here is the script I am trying:

```
   <script>
        $(document).on('click', '.div-toggle', function() {
          var target = $(this).data('target');
          var show = $("button:selected", this).data('show');
          $(target).children().addClass('hide');
          $(show).removeClass('hide');
        });
        $(document).ready(function(){
            $('.div-toggle').trigger('click');
        });
    </script>

```

Here is the [Codepen](http://codepen.io/simplecreatif/pen/RVbPqa).