Код
<script>
$('#ldM55').append('<div id="categories"><div class="rasdels"></div><div class="catseroies"></div></div>');
sdf = $('#catSelector9').val().split(',');
var numCat = 0, cat = [];
$('#uCatsMenu9 div').each(function(){
if($(this).attr('style') == undefined){
cat[numCat] = ( cat[numCat] == undefined ? '' : cat[numCat])+'<div>'+$(this).html()+'</div>';
fdfer = cat[numCat].match(/<label.*?for.*?[>$](.*?)<\/label>/);
$('label',cat[numCat]).each(function(i){
if($(this).html() == sdf[0]){
$('#cater1_'+numCat).click();
}
});
}else{
numCat++;
$('.rasdels').append( $('<a href="javascript://" onclick="change_cat('+numCat+')" id="cater1_'+numCat+'">'+$(this).find('b').html()+'</a>'));
}
});
$('#ldM56,#ldM57').remove();
$('#cater1_1').click();
function change_cat(num){
$('.catseroies').html(cat[num]);
$('a[id^=cater1]').removeAttr('class');
$('#cater1_'+num).attr('class','ferd_rasdels');
}
</script>
Код
/*-categories--*/
#categories {
width:701px;
border-bottom:1px solid #c9f2fd;
text-align:left;
}
.rasdels {
float:left;
background: #FFFFFF;
height: 276px;
width:295px;
border: 1px solid #75DBF4;
}
.rasdels a {
display: block;
color: #575757;
padding: 4px 10px 5px 10px;
font-weight: bold;
border-bottom: 1px solid #ffffff;
}
.rasdels a:hover {
background:#effcff;
color:#454545;
}
.ferd_rasdels {
background: #f3f3f3;
color: #505050;
}
.catseroies {
font-size:11px;
color:#606060;
border-bottom: 1px solid #75DBF4;
border-top: 1px solid #75DBF4;
border-right: 1px solid #75DBF4;
height: 276px;
background: #FFFFFF;
overflow-x: hidden;
overflow-y: auto;
}
/*----------------*/
Добавлено (12.12.2015, 03:14)
---------------------------------------------
http://cs630120.vk.me/v630120428/610c/HKZIWxYR_iM.jpg
оно сдвигает поля