Как при открытие страницы свернуть блок?

Question

[ilnar4888]

Как при открытие страницы автоматический свернуть блок и переименовать кнопку "показать" в "скрыть"?
Помогите кто умеет! Сам я из 1С.

var scroller = {
	goto: function(elementId){
		var elementOffset = $(elementId).offset();
		if (elementOffset==null) {return false;}
		
		var position = elementOffset.top;
		window.scroll(0, position);
		return false;
	}
};

var visibler = {
	todo: function(elementId){
		var elementClick = $(elementId).attr('href');
		if ($(elementClick).is(':visible')==true){
			$(elementClick).hide(200);
			$(elementId).text('показать');}
		else {
			$(elementClick).show(200);
			$(elementId).text('скрыть');}
		return false;
	}
};

$(document).ready(function(){
	$('a').click(function(){
		var elementId = $(this).attr('id');
		var elementClick = $(this).attr('href');
		
		if (elementId!=null) {
			var firstChar=elementId.substr(0,7);
			if (firstChar=='visible'){
				visibler.todo(this);
				return false;
			}
		}
		
		var firstChar=elementClick.substr(0,1);
		if (firstChar=='#'){
			scroller.goto(elementClick);
			return false;
		}
	});
	
})

function scrollBottom(value){
	document.body.scrollTop = value;
}

window.onscroll = function(){
	var scrollpos = $("body").scrollTop();
	var elem = document.getElementById("scrollpos");
	if (elem != null){
		elem.innerHTML = scrollpos;
	}
}

Comments

[leni_m]

html код нужен

Answer 1

[Сергей Карвасарный]

а что мешает изначально написать на кнопке скрыть и блок Css скрыть(display: none) и при нажатии он уже будет открываться? я так понял он изначально открыт, а должен быть скрыт. Может есть возможно показать или в codepen.io скинуть пример.

Comments

[ilnar4888]

Там много что мешает, это 1С. Не знаю кто и как пишет саму платформу? Там id для каждого элемента всегда уникальный. Просто он начинается со строки #visible....

[Сергей Карвасарный]

ilnar4888, судя по этому коду ты нажимаешь на блок он смотрит attr по ссылке и потом проверяет условия виден не виден и делает ему высоту и меняет значение кнопки. Неплохо бы увидеть саму структуру html в живую или хотя бы скрин