80 lines
2.1 KiB
JavaScript
80 lines
2.1 KiB
JavaScript
|
$(document).ready(function(){
|
||
|
|
$(".tag1").addClass("active");
|
||
|
|
|
||
|
|
$(document).on("click", ".tag1", function () {
|
||
|
|
for (i=1; i<=4; i++){
|
||
|
|
$("#news_"+i).css("display","none");
|
||
|
|
$("#links_"+i).css("display","none");
|
||
|
|
$(".tag"+i).removeClass("active");
|
||
|
|
}
|
||
|
|
$("#news_1").fadeIn();
|
||
|
|
$("#links_1").fadeIn();
|
||
|
|
$(this).addClass("active");
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
$(document).on("click", ".tag2", function () {
|
||
|
|
for (i=1; i<=4; i++){
|
||
|
|
$("#news_"+i).css("display","none");
|
||
|
|
$("#links_"+i).css("display","none");
|
||
|
|
$(".tag"+i).removeClass("active");
|
||
|
|
}
|
||
|
|
$("#news_2").fadeIn();
|
||
|
|
$("#links_2").fadeIn();
|
||
|
|
$(this).addClass("active");
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
$(document).on("click", ".tag3", function () {
|
||
|
|
for (i=1; i<=4; i++){
|
||
|
|
$("#news_"+i).css("display","none");
|
||
|
|
$("#links_"+i).css("display","none");
|
||
|
|
$(".tag"+i).removeClass("active");
|
||
|
|
}
|
||
|
|
$("#news_3").fadeIn();
|
||
|
|
$("#links_3").fadeIn();
|
||
|
|
$(this).addClass("active");
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
$(document).on("click", ".tag4", function () {
|
||
|
|
for (i=1; i<=4; i++){
|
||
|
|
$("#news_"+i).css("display","none");
|
||
|
|
$("#links_"+i).css("display","none");
|
||
|
|
$(".tag"+i).removeClass("active");
|
||
|
|
}
|
||
|
|
$("#news_4").fadeIn();
|
||
|
|
$("#links_4").fadeIn();
|
||
|
|
$(this).addClass("active");
|
||
|
|
return false;
|
||
|
|
});
|
||
|
|
|
||
|
|
var topic1="0px";
|
||
|
|
var topic2="-948px";
|
||
|
|
var topic3="-1896px";
|
||
|
|
var topic_page=1;
|
||
|
|
$(document).on("click", ".topic_prev", function() {
|
||
|
|
if (topic_page !=1){
|
||
|
|
topic_page-=1;
|
||
|
|
}else{
|
||
|
|
}
|
||
|
|
if (topic_page == 1)
|
||
|
|
$("#topic_list").stop().animate({"left": topic1}, "slow");
|
||
|
|
if (topic_page == 2)
|
||
|
|
$("#topic_list").stop().animate({"left": topic2}, "slow");
|
||
|
|
if (topic_page == 3)
|
||
|
|
$("#topic_list").stop().animate({"left": topic3}, "slow");
|
||
|
|
|
||
|
|
});
|
||
|
|
$(document).on("click", ".topic_next", function() {
|
||
|
|
if (topic_page >=1 && topic_page <=2){
|
||
|
|
topic_page+=1;
|
||
|
|
}else{
|
||
|
|
}
|
||
|
|
if (topic_page == 1)
|
||
|
|
$("#topic_list").stop().animate({"left": topic1}, "slow");
|
||
|
|
if (topic_page == 2)
|
||
|
|
$("#topic_list").stop().animate({"left": topic2}, "slow");
|
||
|
|
if (topic_page == 3)
|
||
|
|
$("#topic_list").stop().animate({"left": topic3}, "slow");
|
||
|
|
|
||
|
|
});
|
||
|
|
});
|