expand list test from array
by Jeremy Bolanos
HTML
<script src="http://documentcloud.github.com/underscore/underscore.js"></script>
<div id="chartWizard">
<ul id="vendors" />
</div>
CSS
ul.hide {
display:none
}
ul, li {
font: normal 14px Arial, sans-serif;
cursor: pointer;
}
JavaScript
var jData = {
"levdore": [{
"region": "Great Plains",
"area": "Midwest",
"market": "Rockford",
"switch": "79"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Chicago",
"switch": "74"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Chicago",
"switch": "76"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Chicago",
"switch": "77"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Des_Moines",
"switch": "232"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Milwaukee",
"switch": "80"
}, {
"region": "Illinois / Wisconsin",
"area": "Midwest",
"market": "Oklahoma",
"switch": "128"
}],
"mevdore": [{
"region": "Great Plains",
"area": "Midwest",
"market": "At_Omaha",
"switch": "1105"
}, {
"region": "Great Plains",
"area": "Midwest",
"market": "At_Omaha",
"switch": "1106"
}, {
"region": "Great Plains",
"area": "Midwest",
"market": "Minneapolis",
"switch": "1070"
}, {
"region": "Great Plains",
"area": "Midwest",
"market": "Minneapolis",
"switch": "1071"
}, {
"region": "Great Plains",
"area": "Midwest",
"market": "Minneapolis",
"switch": "1072"
}, {
"region": "WPA/OH/WV",
"area": "Midwest",
"market": "Springfield_MO",
"switch": "1086"
}, {
"region": "WPA/OH/WV",
"area": "Midwest",
"market": "StClairsville",
...