Показать сообщение отдельно
  #1 (permalink)  
Старый 05.10.2015, 17:06
Новичок на форуме
Отправить личное сообщение для Алексей777555 Посмотреть профиль Найти все сообщения от Алексей777555
 
Регистрация: 11.11.2014
Сообщений: 7

переключатель css помогите
Здравствуйте, помогите не опытному человеку в js полный 0
на сайте стоит переключатель вида

http://kinodk.narod.ru/board/

при открытии, материал выровнен по линейке, помогите сделать наоборот что бы при заходе на страницу была сначала плитка.

$(document).ready(function(){

	$("aside .box-title:first").addClass("border-radius");
	$("aside .box:last").css("marginBottom", "0");

	var divs = $('.module-content-board .board-item'),
    k = 0,
    cntInGroup = 3; // по сколько элементов в группе

	divs.each(function(i){
    if(i % cntInGroup == 0){
        k++;
    }
    $(this).addClass('line' + k);
	});
	for(i = 1; i <= divs.length + 1 / cntInGroup; i++){
	    $('.line' + i).wrapAll('<div class="dashed-line"></div>');
	}

	$(".board-item, .dashed-line").addClass("list");
	$(".page-selector").css({marginLeft:"-20px", marginRight:"-20px"});

	$(".sort-thumbnails").click(function(){
		$(".sort-icons div").removeClass("sort-active");
		$(this).addClass("sort-active");
		$(".module-content-board #allEntries").css("marginLeft", "-20px");
		$(".board-item").removeClass("list")
		$(".dashed-line").removeClass("list");
		$(".page-selector").css("marginLeft", "-20px");
	});

	$(".sort-list").click(function(){
		$(".sort-icons div").removeClass("sort-active");
		$(this).addClass("sort-active");
		$(".module-content-board #allEntries").css("marginLeft", "0px");
		$(".dashed-line").addClass("list");
		$(".board-item").addClass("list")
		$(".page-selector").css("marginLeft", "-20px");
	});

	$('.catNumData').each(function(){
		$(this).html($(this).html().replace(/\[([0-9])*\]/,'$1'));
	})

	$(".news:last").css("marginBottom", "0px");

	$(".gTable .postTable:last").addClass("last-post");
	$(".gTable .postTable:first").css("marginTop", "-3px");

});


<!-- <Переключатели вид> -->
 <div class="sort-icons">
 <div class="sort-list sort-active"></div>
 <div class="sort-thumbnails"></div>
 </div>
 <!-- </Переключатели вид> -->


Пожалуйста, кто может подскажите.
Ответить с цитированием