CSS - Multiple Segmented Controls Fail

Morflene

New Member
So I've found a great segmented control over at http://www.prcvl.com/demos/segmented-controls and I'm now trying to adapt it to my needs.Mhe problem is when I add multiple controls to the page clicking the buttons will ONLY affect the first segmented control. Besides having to re-create the css/naming multiple times, does anyone know of another way to achieve this? Maybe by leveraging jquery?Here is a fiddle of the exact code: http://jsfiddle.net/kyV5U/Example:\[code\]<ul class="segmented-control"> <li id="any"><a href="http://stackoverflow.com/questions/15750161/#any">Any</a></li> <li id="all"><a href="http://stackoverflow.com/questions/15750161/#all">All</a></li></ul><div style="clear:both;"></div><ul class="segmented-control"> <li id="any"><a href="http://stackoverflow.com/questions/15750161/#any">Any 2</a></li> <li id="all"><a href="http://stackoverflow.com/questions/15750161/#all">All 2</a></li></ul><div style="clear:both;"></div>\[/code\]Thanks in advance!
 
Back
Top