Запуск с определённого rel?

Question

[Максим Верховный]

Сейчас при запуске страницы выводятся все картинки.
Нужно чтоб выводилась одна картинка, то есть убрать вообще фильтрацию "all"
Или может сделать чтоб "all" показывал только 1 картинку?!

$(document).ready(function() {
				
				$('.planmenu li a').click(function() {
								
					$('.planmenu li').removeClass('selected');
					$(this).parent('li').addClass('selected');
					
					imgWidth = '100%';
					thisItem 	= $(this).attr('rel');
					
					if(thisItem != "all") {
					
						$('.planitem li[rel='+thisItem+']').stop()
							.animate({'width' : imgWidth, 
								'opacity' : 1, 
								'marginRight' : '.5em', 
								'marginLeft' : '.5em'
						});
																			
						$('.planitem li[rel!='+thisItem+']').stop()
							.animate({'width' : 0, 
									'opacity' : 0,
									'marginRight' : 0, 
									'marginLeft' : 0
						});
					} else {
						
						$('.planitem li').stop()
							.animate({'opacity' : 1, 
									'width' : imgWidth, 
									'marginRight' : '.5em', 
									'marginLeft' : '.5em'
						});
					}
				})
				
				
				
			});

Comments

[MrTimon]

Что-то не пойму в чем проблема. Так сделай все блоки захайджеными кроме первой. Это можно сделать как css-ом :

.planitem li {
	width:0;
	opacity:0;
	margin-right:0;
	margin-left:0;
}

.planitem li:first-child {
	width:100%;
	opacity:1;
	margin-right:0.5em;
	margin-left:0.5em;;
}

так и js-сом (добавить в $(document).ready):

$('.planitem li').css({'width' : 0, 
                  'opacity' : 0,
                  'marginRight' : 0, 
                  'marginLeft' : 0
            });
 $('.planitem li').first().css({'opacity' : 1, 
                  'width' : '100%', 
                  'marginRight' : '.5em', 
                  'marginLeft' : '.5em'});

[Максим Верховный]

MrTimon: спасибо)) просто "трою" немного

Answer 1

[Владислав Черненко]

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

После:
$(document).ready(function() { ...

Вставить:

setTimeout( function(){
 $('.planmenu li:first-child a').trigger('click');
},500)