JQuery CSS3 Accordion Plugin effect

Body, UL, Li, p {margin:0;
  PADDING:0} UL, ol {List-style:none;}. home-subjects-v2 {height:128px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:1px solid #d3d3d3;
  Border-color:rgba (0, 0, 0,. 12);
  Overflow:hidden;
  width:938px;
  margin-top:12px;
  Background: #fff;
margin:50px Auto;
  }. home-subjects-v2 ul {width:1000px}. home-subjects-v2 Li {width:156px;
  height:128px;
  Float:left;
  Overflow:hidden;
  -webkit-transition:all. 1s linear;
  -moz-transition:all. 1s linear;
  -o-transition:all. 1s linear;
  -ms-transition:all. 1s linear;
  Transition:all. 1s linear}. home-subjects-v2 Li * {-webkit-transition:all. 1s linear;
  -moz-transition:all. 1s linear;
  -o-transition:all. 1s linear;
  -ms-transition:all. 1s linear;
  Transition:all. 1s linear}. home-subjects-v2 Li a {width:156px;
  height:128px;
  Display:block;
  position:relative;
  Cursor:pointer;
  Text-decoration:none;Overflow:hidden}. home-subjects-v2 li a:hover {position:absolute}. home-subjects-v2 li A:hover. mask {-ms-filter
  : "Alpha (opacity=0)";
  Filter:alpha (opacity=0);
  opacity:0;
  -webkit-transition:opacity. 2s ease-in;
  -moz-transition:opacity. 2s ease-in;
  -o-transition:opacity. 2s ease-in;
  -ms-transition:opacity. 2s ease-in;
  transition:opacity. 2s ease-in}. home-subjects-v2 li img {height:72px;
  width:117px;
  Position:absolute;
  bottom:0;
  Right: -13px}. home-subjects-v2 Li, line {height:128px;
  width:0;
  font-size:0;
  border-right:1px dashed #cacaca;
  Position:absolute;
  right:0;
  TOP:4PX}. home-subjects-v2 li. info {position:absolute;
  top:0;
  left:0;
  width:136px;
  Padding:4px 10px}. home-subjects-v2 li. info h3 {font-size:14px;
  font-weight:700}. home-subjects-v2 li. info p {color: #868686;
  font-size:12px;
  Overflow:hidden;
  width:136px;
  height:22px; LINE-HEIGHT:22PX}. home-subjects-v2 li. Info P.price {font-size:14px;
  Font-style:italic;
  Color: #fa2a5d;
  height:35px}. home-subjects-v2 li. Info p.price strong {font-size:22px;
  font-family:arial; PADDING-RIGHT:2PX}. home-subjects-v2 li. info p.price i {font-size:14px}. home-subjects-v2 li. info p.more {disp
  Lay:none}. Home-subjects-v2. mask {height:128px;
  width:156px;
  Display:block;
  Position:absolute;
  top:0;
  left:0;
  Background: #000;
  -ms-filter: "Alpha (opacity=0)";
  Filter:alpha (opacity=0);
  opacity:0;
  -webkit-transition:opacity. 2s ease-in;
  -moz-transition:opacity. 2s ease-in;
  -o-transition:opacity. 2s ease-in;
  -ms-transition:opacity. 2s ease-in;
  transition:opacity. 2s ease-in; _display:none!important}. home-subjects-v2. big {width:314px;}. Home-subjects-v2. Big a {width:314px}. home-su
  Bjects-v2. Big img {width:195px;
  height:120px;
  right:0; bottom:0}. home-subjects-v2. Big. Info {width:294px}. home-subjects-v2. Big Infoh3 {font-size:18px}. home-subjects-v2. Big. Info p {font-size:14px;
  WIDTH:166PX}. home-subjects-v2. Big. Info P.price {font-size:16px; PADDING-TOP:7PX}. home-subjects-v2. Big. Info P.price strong {font-size:28px}. home-subjects-v2. Big. Info P.price
  I {font-size:16px}. home-subjects-v2. Big. Info P.more {display:block;
  font-size:12px; Color: #ff2a5b}. Home-subjects-v2 big mask {width:314px}. home-subjects-v2:hover. Mask {-ms-filter: "Alpha (Opac
  ITY=15) ";
  Filter:alpha (OPACITY=15);
  Opacity:. 15;
  -webkit-transition:opacity. 2s ease-in;
  -moz-transition:opacity. 2s ease-in;
  -o-transition:opacity. 2s ease-in;
  -ms-transition:opacity. 2s ease-in;
 transition:opacity. 2s ease-in}

<! DOCTYPE html>