I'm having trouble simplifying my jQuery script... I tried but I am at beginner level with this stuff.
Here is the jQuery script: $(document).ready(function() { ("li.one").click(function() { $("div.a").toggle("highlight", {}, 1000); }); }); $(document).ready(function() { ("li.two").click(function() { $("div.b").toggle("highlight", {}, 1000); }); }); $(document).ready(function() { ("li.three").click(function() { $("div.c").toggle("highlight", {}, 1000); }); }); Here is the mark-up: <ul> <li class="one">text</li> <li class="two">text</li> <li class="three">text</li> </ul> <div class="a">text</div> <div class="b">text</div> <div class="c">text</div>