Simple Function creation question
i'm very new with jQuery and find creating functions somewhat confusing. I have a simple hide/show call that effects a given div. I'm attempting to create a series of divs and links without creating individualized onlick functions within jQuery.
Below is what I have. What is best way to create a function without code replication? What do you recommend?
code:
<
-
<script>
$(document).ready(function(){
$("#mer1").click(function () { $("#dah1").toggle("fast"); });
$("#mer2").click(function () { $("#dah2").toggle("fast"); });
});
</script>
<a href="javascript:;" id="mer1">click me</a>
<div id="dah1">Mauris tristique condimentum enim, vitae consectetur nulla bibendum ac. Vivamus nunc quam, interdum.</div>
<a href="javascript:;" id="mer2">click me</a>
<div id="dah2">Mauris tristique condimentum enim, vitae consectetur nulla bibendum ac. Vivamus nunc quam, interdum.</div>