dimas15,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>
<script type="text/javascript" src="/js/lib/mootools-core-1.4.5-nocompat.js"></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type="text/css">
#wrap { width: 100%; margin: 200px auto; }
#accordion h3.head
{
border:1px solid #E0E0E0;
margin: 4px 0 -2px 0; padding: 5px 10px;
clear: left;
color: #A52A2A;
font-size: 20px;
font-weight:normal;
padding:0px;
text-align: center;
cursor: pointer;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
/*text-shadow: 1px 1px 0px #000;
-o-text-shadow: 1px 1px 0px #000;
-moz-text-shadow: 1px 1px 0px #000;
-webkit-text-shadow: 1px 1px 0px #000;*/
}
#accordion h3.active
{
background: #CCCCCC;
}
#accordion div.big_blocks
{
padding: 10px; margin: 0;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 3px 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
/* background: none repeat scroll 0 0 #EFEFEF;*/
float: left;
margin: 5px 5px 5px 0;
padding: 10px 0 20px 20px;
width: 98%;
}
#accordion div.big_blocks ul{/*стиль li наследуется стандартно*/
font-size: 15px;
margin-left: 100px;
text-align: left;
margin-top: 13px;
}
#accordion div.big_blocks ul span{
color: #005058;
font-size: 17px;
margin-left: -31px;
}
#accordion div.big_blocks ul li{
line-height:-0.7pxpx;
}
#accordion div.blocks_littles{
float: left;
height: 187px;
margin: 10px 10px 0px 0;
padding: 5px;
width: 260px;
background:#ffffff;
border: 1px dashed #CCCCCC;
}
#accordion div.blocks_littles p{
color: #005058;
font-size: 18px;
font-weight: normal;
margin: -2px;
padding: 0 0 4px 4px;
text-align: center;
line-height: normal;
<!-- border-bottom: 1px solid #CCCCCC;-->
}
#accordion div.blocks_littles img{
float: left;
margin: 9px 4px;
padding:3px 2px -1px 5px;
/*border: 1px dashed #CCCCCC;*/
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="accordion.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#accordion div.big_blocks:not(:first)').hide();
$('h3.head:first').addClass('active');
$('h3.head:not(.active)').live('click',function(){
$(this).addClass('active');
$(this).next().slideDown(760);
});
$('h3.head.active').live('click',function(){
$(this).removeClass('active');
$(this).next().slideUp(760);
});
});
</script>
</head>
<body>
Вот весь хидер
|
Цитата:
|
Вот эти два скрипта
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="accordion.js"></script>
Переставил - увидите
|
============
*
Поправил