# Isotope style website help

**URL:** https://forum.kirupa.com/t/isotope-style-website-help/331405
**Category:** web dev
**Created:** [July 25, 2013, 4:25pm UTC](https://forum.kirupa.com/t/isotope-style-website-help/331405 "2013-07-25T16:25:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![tomo2014](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@tomo2014](https://forum.kirupa.com/u/tomo2014)
#### Post date: [July 25, 2013, 4:25pm UTC](https://forum.kirupa.com/t/isotope-style-website-help/331405/1 "2013-07-25T16:25:44Z")

</div>

[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]](http://creativenorthwest.co.uk/tomo/%5B/FONT%5D%5B/COLOR%5D)  
[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]

```auto
$(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]