Skip to content

Instantly share code, notes, and snippets.

@marcoceppi
Forked from lazypower/gist:1054176
Created June 29, 2011 16:04
Show Gist options
  • Save marcoceppi/1054178 to your computer and use it in GitHub Desktop.
Save marcoceppi/1054178 to your computer and use it in GitHub Desktop.
<html>
<head>
<style type="text/css">
.border{
border: 2px solid #000;
width: 605px;
overflow: hidden;
}
.steps {
border: 1px dashed #c0c0c0;
height: 90px;
margin: auto;
position: relative
width: 600px;
background: #FFF;
}
.steps input{
margin-top: 30px;
}
.step1 {
z-index: 4;
}
.step2 {
z-index: 3;
}
.step3 {
z-index: 2;
}
#header-wrap
{
height: 95px;
width: 610px;
margin: auto;
}
#searchFormContainer
{
height: 95px;
}
</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>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript" > </script>
<script src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script>
<script src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script>
<script>
jQuery.fn.extend(
{
slideAndHide: function()
{
return this.each(function()
{
$(this).hide('slide', {direction: 'left'}, 1000);
});
}
});
$(document).ready(function() {
//$('.steps').hide();
//$('.step1').show();
$('#next1').click(function() {
$('.step1').slideAndHide();
});
$('#next2').click(function() {
$('.step2').slideAndHide();
});
});
</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