Closed ghost closed 12 years ago
Example:
<div class="tab-control" data-athena="Tabs"> <ul class="tab-panels" data-athena="List"> <li id="a1" class="athena-selected" data-athena="Container"> <img width="600" height="229" src="http://www.arbys.com/assets/templates/arbys/images/ultimateAngusMainImage.png" alt="Ultimate Angus Sandwiches"> </li> <li id="a2" data-athena="Container"> <img width="600" height="305" src="http://www.arbys.com/assets/images/sandwiches_melts_category.png" alt="Roast Beef and Curly Fries"> </li> <li id="a3" data-athena="Container"> <img width="375" height="219" src="http://www.arbys.com/assets/images/market_fresh_sandwiches_category.png" alt="Old School Sandwich Deliciousness"> </li> </ul> <!-- BUG: if the div below is uncommented, the control stops working --> <!--<div class="tab-list-container">--> <ul class="tab-list" data-athena="List"> <li class="athena-selected"> <a href="#a1" data-athena="Button:Select">Image A1</a> </li> <li> <a href="#a2" data-athena="Button:Select">Image A2</a> </li> <li> <a href="#a3" data-athena="Button:Select">Image A3</a> </li> </ul> <!--</div>--> </div>
Fixed. I changed the TabInit method so the selectors are less specific.
Example: