Team:NCTU Formosa/source/header/Test

From 2014.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
-
 
-
#content {
 
-
    background-color: #fff;
 
-
    background-image:        linear-gradient(top, #fff, #ddd);
 
-
    border-radius: 0 2px 2px 2px;
 
-
    box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset;
 
-
    padding: 30px;
 
-
}
 
-
 
-
/* Remove the rule below if you want the content to be "organic" */
 
-
#content div {
 
-
    height: 220px;
 
-
}
 
.ch-item {
.ch-item {
Line 132: Line 119:
}
}
</style>
</style>
 +
<script>
 +
$(document).ready(function(){
 +
$(".move1").hide();
 +
$(".move2").hide();
 +
$(".move3").hide();
 +
$(".move4").hide();
 +
$(".move5").hide();
 +
$(".move6").hide();
 +
$(".move7").hide();
 +
$(".move8").hide();
 +
$(".move9").hide();$(".move10").hide();
 +
 +
  $("#seemore1").click(function(){
 +
    $(".move1").slideToggle();
 +
  });
 +
$("#seemore2").click(function(){
 +
    $(".move2").slideToggle();
 +
  });
 +
$("#seemore3").click(function(){
 +
    $(".move3").slideToggle();
 +
  });
 +
$("#seemore4").click(function(){
 +
    $(".move4").slideToggle();
 +
  });
 +
$("#seemore5").click(function(){
 +
    $(".move5").slideToggle();
 +
  });
 +
$("#seemore6").click(function(){
 +
    $(".move6").slideToggle();
 +
  });
 +
$("#seemore7").click(function(){
 +
    $(".move7").slideToggle();
 +
  });
 +
$("#seemore8").click(function(){
 +
    $(".move8").slideToggle();
 +
  });
 +
$("#seemore9").click(function(){
 +
    $(".move9").slideToggle();
 +
  });
 +
$("#seemore10").click(function(){
 +
    $(".move10").slideToggle();
 +
  });
 +
});
 +
</script>
 +
 +
 +
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
 +
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 +
<link rel="stylesheet" href="/resources/demos/style.css">
 +
<script>
 +
$(function() {
 +
$( "#dialog" ).dialog({
 +
autoOpen: false,
 +
show: {
 +
effect: "blind",
 +
duration: 1000
 +
},
 +
hide: {
 +
effect: "explode",
 +
duration: 1000
 +
}
 +
});
 +
$( "#opener" ).click(function() {
 +
$( "#dialog" ).dialog( "open" );
 +
});
 +
});
 +
</script>
 +
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
 +
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
 +
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
 +
<link rel="stylesheet" href="/resources/demos/style.css">
 +
<script>
 +
$(function() {
 +
$( "#dialog" ).dialog({
 +
autoOpen: false,
 +
show: {
 +
effect: "blind",
 +
duration: 1000
 +
},
 +
hide: {
 +
effect: "explode",
 +
duration: 1000
 +
}
 +
});
 +
$( "#opener" ).click(function() {
 +
$( "#dialog" ).dialog( "open" );
 +
});
 +
});
 +
</script>

Latest revision as of 15:05, 17 October 2014