Keep Div State after posting page and returning!
Hi All,
I have a jQuery script which shows a specified div based on the select chosen from the dropdown list.
The problem im having is how to retain the div state after the page has been posted and then returned too, any advice?
Many thanks!
- <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.box').hide();
$('#dropdown').change(function() {
$('.box').hide();
$('#div' + $(this).val().replace('.', '\\.')).show();
});
});
</script>
<form>
<select id="dropdown" name="dropdown">
<option value="0">Choose</option>
<option value="area1">10.00</option>
<option value="area2">20.00</option>
<option value="area3">30.00</option>
</select>
</form>
<div id="div10.00" class="box">Div 1</div>
<div id="div20.00" class="box">Div 2</div>
<div id="div30.00" class="box">Div 3</div>