javascript keep in browser window...

[JKG]

Hi,

 

i am wanting to install a footer tab, which will include a contact form and contact details. it will expand/close onclick.

i have that mechanism.

 

Thing is, with it being on the footer, i click the trigger, in this case: 'contact us' and it opens the content, but out of the view of the window, is there any way to get around this? here is the link, to hopefully explain better than i just have the issue!

http://jkgo.co.uk/d

 

thanks for your help guys!

[micah1701]

you could simply put the toggle_container <div> above the <h2> tag that triggers its display in your code.  That would keep in on the page but it still might not have the desired effect your going for as it would then push the <h2> content down.  Try it and see.  You may need to get into some css positioning.

[JKG]

thanks for the suggestion micah1701.

unfortunately that breaks the js, nothing happens when the trigger is clicked.

is there any way to action a scroll to bottom in jquery do you know?

[JKG]

this but jquery sliding: http://www.myhtmlworld.com/wp-content/sources/collapse/

[JKG]

		<script type="text/javascript">
	$(document).ready(function(){

		$(".toggle_container").hide();

		$("h2.trigger").click(function(){
		window.scrollBy(0, 150);
			$(this).toggleClass("active").next().slideToggle("slow");
		});
	});
	</script>

 

this jumps it to the bottom before closing it, but is there anything to scroll down the page with the sliding animation?

 

thanks!

[JKG]

Solved. Kind of.

basically, you cannot achieve this with a slideToggle, just toggle.

 

	<script type="text/javascript">

$(document).ready(function(){
   		$("#toggle-button").click(function () {
		$("#subfooter").toggle();
		window.scrollBy(0, 150);
		});



	});	
	</script>

 

link mentioned earlier is now deleted.