$(".btn-slide").click(function(){
  $("#panel").slideToggle("slow");
  $(this).toggleClass("active"); return false;
});
Slide Panel

Question One Sample Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

This is Question Two

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Another Questio here

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Sample heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Sample Question Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

$(document).ready(function(){
	
	$(".accordion h3:first").addClass("active");
	$(".accordion p:not(:first)").hide();

	$(".accordion h3").click(function(){
		$(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
	});

});

Question One Sample Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

This is Question Two

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Another Questio here

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Sample heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

Sample Question Heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.


$(document).ready(function(){
	
	$(".accordion2 h3").eq(2).addClass("active");
	$(".accordion2 p").eq(2).show();

	$(".accordion2 h3").click(function(){
		$(this).next("p").slideToggle("slow")
		.siblings("p:visible").slideUp("slow");
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
	});

$(".menu a").hover(function() {
	$(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
}, function() {
	$(this).next("em").animate({opacity: "hide", top: "-85"}, "fast");
});

 

Chainable Transition Effects (Click)

#box text
$(".run").click(function(){
	
  $("#box").animate({opacity: "0.1", left: "+=400"}, 1200)
   .animate({opacity: "0.4", top: "+=160", height: "20", width: "20"}, "slow")
   .animate({opacity: "1", left: "0", height: "100", width: "100"}, "slow")
   .animate({top: "0"}, "fast")
   .slideUp()
   .slideDown("slow")
  return false;
	
});

Illustrations

Large image

$(".thumbs a").click(function(){
	
	var largePath = $(this).attr("href");
	var largeAlt = $(this).attr("title");
		
	$("#largeImg").attr({ src: largePath, alt: largeAlt });
		
	$("h4).html(" " + largeAlt + " "); return false;
});	
 

Dissapear

 

Митинг протеста против реформы РАН

Сегодня, как ожидается, депутаты сразу в двух чтениях (втором и третьем) должны рассмотреть новый закон о реформе РАН. Он, напомним, вызвал споры среди членов Академии. Многие учёные не согласны с новой структурой РАН, а также способом управления ее имуществом.

delete

ЦСКА разгромно проиграл

Московский ЦСКА с разгромного поражения стартовал в групповом этапе Лиги чемпионов сезона 2013/14. И можно было бы подвергнуть игру армейцев жесткой критике, если бы не одно "но". Это, понятное дело, статус соперника. Вот только даже учитывая силу мюнхенского чудовища, снимающего скальпы даже с "Ювентуса" и "Барселоны", нельзя не сказать, что армейцы провели самый худший матч в Европе за долгое время.

delete

Sample heading

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

delete
$(".pane .delete").click(function(){
	$(this).parents(".pane").animate({ opacity: 'hide' }, "slow");
});

The End