tick 2

by AJIEKCEU

HTML

<div id="main" class="home ">
<div class="tickets_items ">					
<div class="tickets_items_img">
<img src="http://yanovich.by/kassa/images/pictures/160120.jpg" width="160" height="120" alt="">
<div class="bg_ticket_top"></div><!-- close  bg_ticket -->
</div><!-- close  tickets_items_img -->
<div class="tickets_items_desc">
<h2><a href="#">Amazing Taylor Swift</a></h2>
<span class="tickets__city">Crocus city hall</span>
<span class="tickets__date">29 ноября — 15:30</span>


</div><!-- close   tickets_items_desc-->
<!--  +++++++++++   -->
                                
    <div class="slide_ticket"  >

	<div class="tickets_items_desc">
	<h2><a href="#">Скрытый</a></h2>
	<span class="tickets__city">Crocus city hall</span>
	<span class="tickets__date">29 ноября — 15:30</span>
    </div><!-- close   tickets_items_desc-->

	<div class="tickets_items_desc">
	<h2><a href="#">Скрытый</a></h2>
	<span class="tickets__city">Crocus city hall</span>
	<span class="tickets__date">29 ноября — 15:30</span>
    </div><!-- close   tickets_items_desc-->
	
	<div class="tickets_items_desc">
	<h2><a href="#">Скрытый</a></h2>
	<span class="tickets__city">Crocus city hall</span>
	<span class="tickets__date">29 ноября — 15:30</span>
    </div><!-- close   tickets_items_desc-->
	
</div>
<!--  ++++++++++++  -->                                
<a href="#" class="tickets_items_buy">
<span>от&nbsp;</span><span class="banners_ticket_prices">300</span><span class="rub">c</span>
</a><!-- close  tickets_items_buy -->
</div><!-- close  tickets_items -->
</div><!-- close  main_tickets -->
    <div class="tickets_items ">					
<div class="tickets_items_img">
<img src="http://yanovich.by/kassa/images/pictures/160120.jpg" width="160" height="120" alt="">
<div class="bg_ticket_top"></div><!-- close  bg_ticket -->
</div><!-- close  tickets_items_img -->
<div class="tickets_items_desc">
<h2><a href="#">Amazing Taylor Swift</a></h2>
<span class="tickets__city">Crocus city hall</span>
<span...

CSS

/* main_tickets*/
#main {
width: 1000px;
overflow: hidden;     
}
.main_tickets{ 
    overflow: hidden;
    height: 320px;clear:both;background:url(http://yanovich.by/kassa/images/bg_top_content.png) top left repeat-x;padding:35px 0 0;}
.events_date,.tickets_items{float:left;margin-right:32px;width:166px; }
.events_date{font-family:archiveregular;}
.events_date h2{color:#dd2d00;font-size:22px;line-height:20px;}
.events_date h3{color:#333;font-size:15px;line-height:18px;}
.tickets_items{background:url(http://yanovich.by/kassa/images/bg_ticket_bottom.png) left bottom no-repeat;color:#666;padding:0 0 73px;position:relative;width:166px;margin-bottom: 28px;}
.tickets_items_img{height:120px;left:3px;position:relative;top:0;width:166px; }
.tickets_items img{max-height:120px;}
.tickets__city,.tickets__date{display:block;font-size:10px;font-weight:700;line-height:12px;text-transform:uppercase;}
.bg_ticket_top{background:url(http://yanovich.by/kassa/images/bg_ticket_top.png) no-repeat;height:120px;left:-3px;position:absolute;top:0;width:166px;}
.tickets_items_desc{background:url(http://yanovich.by/kassa/images/bg_ticket_center.png) repeat-y;left:0;padding:10px 16px 3px;position:relative;width:166px;}
.tickets_items_desc h2{color:#598be0;margin-bottom:7px;}
.tickets_items_desc h2 a{border-bottom:1px solid #598be0;color:#598be0;font-size:14px;font-weight:700;line-height:18px;text-decoration:none;}

.tickets_items_buy{-moz-border-radius:4px;-webkit-border-radius:4px;border:2px solid #598ce1;border-radius:4px;bottom:20px;color:#598ce1;height:30px;left:12px;position:absolute;text-align:center;text-decoration:none!important;width:140px;}
.tickets_items_buy span{font-size:14px!important;font-weight:700;line-height:27px;text-decoration:none;}
.ticket_more{background:url(http://yanovich.by/kassa/images/ticket_more.png) no-repeat;float:left;height:268px;padding:85px 20px 0;position:relative;width:160px;}
.ticket_more...

JavaScript

$(document).ready(function() {

 $('.tickets_items').hover(function(){
$(this).find(".slide_ticket").slideToggle(500);

 });
});