apex:panelBarItem

1<!-- Page: panelBar --> 
2
3<!-- Click on Item 1, Item 2, or Item 3 to display the content of the panel -->
4
5<apex:page>
6    <apex:panelBar>
7        <apex:panelBarItem label="Item 1">data 1</apex:panelBarItem>
8        <apex:panelBarItem label="Item 2">data 2</apex:panelBarItem>
9        <apex:panelBarItem label="Item 3">data 3</apex:panelBarItem>
10    </apex:panelBar>
11</apex:page>
12
13<!-- Page: panelBarItemEvents -->
14
15<apex:page >
16  <apex:pageMessages/>
17  
18  <apex:panelBar>
19    <apex:panelBarItem 
20          label="Item One" 
21          onenter="alert('Entering item one');" 
22          onleave="alert('Leaving item one');">
23
24      Item one content
25
26    </apex:panelBarItem>
27
28    <apex:panelBarItem 
29          label="Item Two" 
30          onenter="alert('Entering item two');" 
31          onleave="alert('Leaving item two');">
32
33      Item two content
34
35    </apex:panelBarItem>
36  </apex:panelBar>
37
38</apex:page>