|
|
Line 85: |
Line 85: |
| </style> | | </style> |
| | | |
- | <script>
| |
- | jQuery(document).ready(function() {
| |
| | | |
- |
| |
- |
| |
- | $("#tabLi1").addClass("active1");
| |
- |
| |
- | $("#tabLi1, #div2prev").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi1").addClass("active1");
| |
- | var vis = $("#tab1").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab1").fadeToggle("fast");
| |
- | $("#div1next, #div1prev").show();
| |
- |
| |
- | }
| |
- | $("#tab2, #tab3, #tab4, #tab5, #tab6").hide();
| |
- | $("#div2next, #div3next,#div4next,#div5next,#div6next").hide();
| |
- | $("#div2prev, #div3prev,#div4prev,#div5prev,#div6prev").hide();
| |
- | });
| |
- |
| |
- | $("#tabLi2, #div1next, #div3prev").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi2").addClass("active2");
| |
- | var vis = $("#tab2").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab2").fadeToggle("fast");
| |
- | $("#div2next, #div2prev").show();
| |
- | }
| |
- | $("#tab1, #tab3, #tab4, #tab5, #tab6").hide();
| |
- | $("#div1next, #div3next,#div4next,#div5next,#div6next").hide();
| |
- | $("#div1prev, #div3prev,#div4prev,#div5prev,#div6prev").hide();
| |
- | });
| |
- |
| |
- | $("#tabLi3, #div2next, #div4prev").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi3").addClass("active3");
| |
- | var vis = $("#tab3").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab3").fadeToggle("fast");
| |
- | $("#div3next, #div3prev").show();
| |
- | }
| |
- | $("#tab1, #tab2, #tab4, #tab5, #tab6").hide();
| |
- | $("#div1next, #div2next,#div4next,#div5next,#div6next").hide();
| |
- | $("#div1prev, #div2prev,#div4prev,#div5prev,#div6prev").hide();
| |
- | });
| |
- |
| |
- | $("#tabLi4, #div3next, #div5prev").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi4").addClass("active4");
| |
- | var vis = $("#tab4").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab4").fadeToggle("fast");
| |
- | $("#div4next, #div4prev").show();
| |
- | }
| |
- | $("#tab1, #tab2, #tab3, #tab5, #tab6").hide();
| |
- | $("#div1next, #div2next,#div3next,#div5next,#div6next").hide();
| |
- | $("#div1prev, #div2prev,#div3prev,#div5prev,#div6prev").hide();
| |
- | });
| |
- |
| |
- | $("#tabLi5, #div4next, #div6prev").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi5").addClass("active5");
| |
- | var vis = $("#tab5").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab5").fadeToggle("fast");
| |
- | $("#div5next, #div5prev").show();
| |
- |
| |
- | }
| |
- | $("#tab1, #tab2, #tab3, #tab4, #tab6").hide();
| |
- | $("#div1next, #div2next,#div3next,#div4next,#div6next").hide();
| |
- | $("#div1prev, #div2prev,#div3prev,#div4prev,#div6prev").hide();
| |
- |
| |
- | });
| |
- |
| |
- | $("#tabLi6, #div5next").click(function(){
| |
- | $(".tabLi").removeClass("active1 active2 active3 active4 active5 active6");
| |
- | $("#tabLi6").addClass("active6");
| |
- | var vis = $("#tab6").is(":visible");
| |
- | if(!vis){
| |
- | $("#tab6").fadeToggle("fast");
| |
- | $("#div6next, #div6prev").show();
| |
- | }
| |
- | $("#tab1, #tab2, #tab3, #tab5, #tab4").hide();
| |
- | $("#div1next, #div2next,#div3next,#div4next,#div5next").hide();
| |
- | $("#div1prev, #div2prev,#div3prev,#div4prev,#div5prev").hide();
| |
- | });
| |
- |
| |
- |
| |
- | });
| |
- | </script>
| |
| </head> | | </head> |
| | | |
- First
- Second
- Third
- Fourth
- Fifth
- Sixth
First
Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.
Third
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Fourth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.
Fifth
Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.
Sixth
Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.