How to get this effect on my site

crazyflx said:

Thread moved to appropriate area of the forum.

OP, I'd advise your client that website is made with Flash and is suited for people who want a website that is compliant (and user friendly) for people and search spiders that are looking at the web from a computer still firmly seated in the 90's.

With that advice, present him with a variety of other (better) websites. You'll need to explain that: intro pages aren't friendly, flash sites aren't friendly, that website isn't friendly, it's not mobile ready, it's not apple product friendly, it isn't search engine spider friendly...I could go on and on. Your client, in a way, is a blank slate (in my opinion, which is incidentally a good thing) which leaves a lot of room for you to present better looking (and simply better in every way) options without too much convincing.

It will take nearly no effort to find websites that look infinitely better than that example. Just google "photography wordpress themes" and look for results posted in the last 6 months.

Click to expand...

bananaman5000 said:

I would use jQuery
Just line up the divs for the menu columns floating left, then hide the last two

#menu-1{
float:left;
}

#menu-2, #menu-3{
display:none;
z-index:99;
float:left;
}

<div id="menu-1" class="floatleft"><span id="dudeman">stuff</span></div>
<div id="menu-2" class="floatleft">more stuff</div>
<div id="menu-3" class="floatleft">more stuff</div>

<script type="text/javascript">

$(".dudeman").click(function(){
$("#menu-2").fadeIn("slow");
});

</script>

Click to expand...