Question

I have some span tags where I want to be able to click them and toggle a div. I cannot put ID’s on the span tags. How might I do this based on title on the spans those are unique? Here is my HTML.

<span title="Silver" class="swatchColours swatchOneColour showPreview">
        <span style="background-color:#cccccc;" class="swatchColour swatchColour_1">&nbsp;</span>
</span>
<span title="Black" class="swatchColours swatchOneColour showPreview">
        <span style="background-color:#000000;" class="swatchColour swatchColour_2">&nbsp;</span>
</span>
<div id="colour_one">Silver</div>
<div id="colour_two">Black</div>

Answer 1

$('span[title="Silver"]').click(function(){
    $('#colour_one').toggle();
});


$('span[title="Black"]').click(function(){
    $('#colour_two').toggle();
});​

http://jsfiddle.net/AlienWebguy/XYfZV/