Question

As a javascript newbie, I am struggling to use a script with a variable that runs a bit of JQuery (and also struggling to use the right language here, I’m sure!)

The action I want to happen is to change the CSS class of a specific div, e.g. #det90, for which I have the following code (I have used the same on a $(window).load(function() and it works on a different set of divs):

$("#MYDIVIDHERE").switchClass("sdeth","sdet",50);

So I wrote the following:

<script type="text/javascript">
    $(function revealCode(divID) {
        $("#divID").switchClass("sdeth","sdet",50);
    })
</script>

and called it from an anchor with:

onClick="revealCode('det90');"

I think the problem is that I don’t know how to write the script and pass the variable in the brackets (divID) to the next line (where I’ve got “#divID”). Any help or pointers to tutorials gratefully received!

Solution

Thanks to all, but particularly to Caleb. I’ve scrapped the general function and the onClick, added an ID to the anchor and inserted the following for that anchor (and then repeated that for each anchor/div combination I want to use it on … and it works 😀

$("#linkID").click(function() {
    $("#divID").switchClass("sdeth","sdet",50);
});

Answer 1

Change your code to: onClick="revealCode('#det90');"

$(function revealCode(selector) {
    $(selector).switchClass("sdeth","sdet",50);
})

jQuery is powered by “selectors” — similar to CSS syntax.