You could use a framework to do the job.
<html>
<head>
<title></title>
<style type="text/css">
div.case{
display: none;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
// Define cookie key
var cookiekey = "mycookiekey";
// Get cases
var cases = $('div.case').hide();
// Set handler
var handler = $('#culinarytype');
// Show case based on cookie
handler.val($.cookie(cookiekey));
// Define the select function
var selectFromHandler = function(){
selected = handler.val();
// First hide all cases
cases.hide();
// Show only wanted case
if(selected > 0){
$(cases.get(selected - 1)).show();
}
// Set cookie
$.cookie(cookiekey, selected, { expires: 7 });
}
// Based on handler change
handler.change(selectFromHandler);
// Default
selectFromHandler();
});
})(jQuery);
</script>
</head>
<body>
<select id="culinarytype">
<option value="0"></option>
<option value="1">Case 1</option>
<option value="2">Case 2</option>
<option value="3">Case 3</option>
<option value="4">Case 4</option>
</select>
<div class="case">Case 1</div>
<div class="case">Case 2</div>
<div class="case">Case 3</div>
<div class="case">Case 4</div>
</body>
</html>