I am working with some code that works fine in jsfiddle but not locally, here is the jsfiddle link
this is quite confusing
here is the local code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$("input[type=radio]").click(function(event) {
var myId = this.id;
var targetId = myId + "_div";
$("div.choice:not(#" + targetId + ")").addClass(".none");
$("#" + targetId).removeClass(".none");
});
</script>
<style type="text/css">
.none {
display:none;
}
</style>
</head>
<body>
<input type="radio" name='thing' value='valuable' data-id="bank" />Running Event
<input type="radio" name='thing' value='valuable' data-id="school" />Other challenges
<div id="school" class="none">
<label for="name">What was the activity called?</label>
<select id = "myList">
<option value = "1">Virgin London Marathon</option>
<option value = "2">Round the Island cycle challenge</option>
<option value = "3">Kilimanjaro trek</option>
<option value = "4">Thames Path Challenge</option>
</select>
</div>
<div id="bank" class="none"><label for="name">What was the activity called?</label>
<select id = "myList">
<option value = "1">Pancake Making</option>
<option value = "2">Egg and spoon race</option>
<option value = "3">Sack race </option>
<option value = "4">Three leg race</option>
</select></div>
</body>
</html>