0

Like thatI don't know how to explain that, here's a link of what I'm trying to do.

The part where there is a text area and when i click the title, it changes to another text area all being in the same space. I am not able to change the panel view (java termenology), It's really common thing, but I'm new to css, I can't figure out how to do it any help?

Soula
  • 55
  • 10

2 Answers2

1

It's called by tabbed view. There is a answer here in StackOverflow:

how to make tabbed view in html?

On css-tricks website itself there is a pretty nice tutorial that I almost sure you'll like it:

CSS3-Only Tabbed Area

Useful links:

Community
  • 1
  • 1
felipsmartins
  • 13,269
  • 4
  • 48
  • 56
0

Take a look at this fiddle i made: http://jsfiddle.net/vfaksf7w/1/

$('#wrapper').on('click', 'a', function() {
    $('.pannel').hide();
    $('.pannel:nth-of-type('+($(this).index()+1)+')').show();       
});

You just have to show/hidewith javascript when you click on proper button :)

Tell me if i didn't undsertand your question correctly. Hope it helps :)

Gbreux
  • 361
  • 1
  • 4
  • 14