Skip to content

Instantly share code, notes, and snippets.

@lazypower
Created June 29, 2011 16:04
Show Gist options
  • Save lazypower/1054176 to your computer and use it in GitHub Desktop.
Save lazypower/1054176 to your computer and use it in GitHub Desktop.
<html>
<head>
<style type="text/css">
.border{
border: 2px solid #000;
width: 600px;
overflow: hidden;
margin-left: 400px;
}
.steps {
border: 1px dashed #c0c0c0;
height: 90px;
margin: 0 auto;
}
.steps input{
margin-top: 30px;
}
.step1 {
position: absolute;
z-index: 4;
width: 600px;
background: #FFF;
}
.step2 {
position: absolute;
z-index: 3;
width: 600px;
background: #FFF;
}
.step3 {
position: absolute;
z-index: 2;
width: 600px;
background: #fff;
}
.hideTheSekrets
{
z-index: 10;
width: auto;
background : #fff;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="header-wrap">
<div id="searchFormContainer" class="border">
<div class="steps step1">
<label for="aos">Area of Study<select name="aoi">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<input type="button" id="next1" value="Next >">
</div>
<div class="steps step2">
<label for="aos">Focus<select name="focus">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select></label>
<input type="button" id="next2" value="Next >">
</div>
<div class="steps step3"></div>
</div>
<div class="hideTheSekrets">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript" > </script>
<script>
$(document).ready(function() {
//$('.steps').hide();
//$('.step1').show();
$('#next1').click(function() {
$('.step1').animate({marginRight:'600px'},'slow');
});
$('#next2').click(function() {
$('.step2').animate({marginRight:'600px'},'slow');
});
});
</script>
<script>
// temporary data array
var schoolData =
[
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"},
{"School": "Kent State University", "Program":"Career Based Intervention","Degree":"Teaching Licensure","Interactivity":"5 stars","Tuition":"4,642","CostPerCredit":422,"TotalCredits":11,"PossibleCareer":"Career Counselor","Starting Salary":0,"Accreditation":"NCACSTHLC","Tutoring":"Y","AcademicAdvisor":"Y","CareerServices":"Y","EBooks":"N"}
];
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment