CODEWITHSUNDEEP
csshtml
Soula
Soula

Reputation: 55

Change the panel view

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?

Upvotes: 0

Views: 160

Answers (2)

felipsmartins
felipsmartins

Reputation: 13549

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:

Upvotes: 1

Gbreux
Gbreux

Reputation: 371

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 :)

Upvotes: 0

Related Questions