[COLOR=#141414][FONT=Verdana]Hi,[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]The first square on this website is how I want all the other squares to behave, however whenever I duplicate it, the text displays on closed state - but I want the text to display on open state.[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]http://creativenorthwest.co.uk/tomo/[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]Would this be a HTML/CSS issue or Javascript issue?[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]This is the script behind it[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
$(function(){[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('#info-caption').hide(); //by default Content and footer are hidden[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] [/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('.hoverInfo').click(function(){[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('#info-caption').hide(); // once show-1 button clicked the show-header-banner div hide[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('#info-caption').show(); // once show-1 button clicked the show-Content-footer div appear[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] });[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] [/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('.closePost').click(function(){[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('#info-caption').hide(); // once show-2 button clicked the show-Content-footer div hide[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] $('#info-caption').hide(); // once show-2 button clicked the show-header-banner div appear[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana] });[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]});[/FONT][/COLOR]
[COLOR=#141414][FONT=Verdana]
[/FONT][/COLOR]
