1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Isotope style website help

Discussion in 'HTML & Website Design' started by tomo2014, Jul 25, 2013.

0
  1. #1
    Hi,

    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.

    http://creativenorthwest.co.uk/tomo/

    Would this be a HTML/CSS issue or Javascript issue?

    This is the script behind it 

    $(function(){
    $('#info-caption').hide(); //by default Content and footer are hidden
   
    $('.hoverInfo').click(function(){
        $('#info-caption').hide(); // once show-1 button clicked the show-header-banner div hide
        $('#info-caption').show(); // once show-1 button clicked the show-Content-footer div appear
    });
   
    $('.closePost').click(function(){
        $('#info-caption').hide(); // once show-2 button clicked the show-Content-footer div hide
        $('#info-caption').hide(); // once show-2 button clicked the show-header-banner div appear
    });
});
    Code (markup):
     
    tomo2014, Jul 25, 2013 IP