Editing (v7+)

 

citytech2 replied on Jun 30, 2012 at 2:21 am Permalink Best Answer Reply

Yes its possible. You just need to write little bit Jquery to accomplish this. The process is pretty same as lightbox effect.
You should define a empty div before ending the body tag. e.g.

<div id="layer"></div>

And then a small piece of Jquery code.

$('#layer').click(function{
    $('#your-expand-collapse-div-id').collapse();
});

But you need to put some css to accomplish this. Hope it will help.

Citytech

ptityop replied on Jun 30, 2012 at 6:11 am Permalink Reply

thank you

Atreu replied on Oct 7, 2012 at 4:08 am Permalink Reply

Hello. I have the same question and I have done what you listed but am still having issues. I put the JS snippet in as well as added the Div. However, I would like to make sure that I am putting them in the right spots. Would you mind clarifying where exactly? Thank you so much!

ronyDdeveloper replied on Oct 7, 2012 at 10:25 am Permalink Reply

You need to add the div just before ending the body tag. like:

<div id="layer"></div>
</body>
</html>

And put the javascript in your header.php file, if still it will not work, then send me the page url where you did the trick. I'll look into it.

Rony

ptityop replied on Oct 9, 2012 at 5:49 pm Permalink Reply

Hi ! Thanks for the reply .... might sound like a stupid question, but where is this header.php file ??
Many thanks

Atreu replied on Oct 9, 2012 at 5:52 pm Permalink Reply

Usually within the Elements folder of your theme.

ptityop replied on Oct 9, 2012 at 5:59 pm Permalink Reply

Are you saying I should creat a header.php file ? In my themes/elements folder I only have a misc.html file and a javascript and css folder ....

Atreu replied on Oct 9, 2012 at 6:04 pm Permalink Reply

It can depend on the theme. Are you using a custom one or one from the marketplace? If so, which one? I will look for you.

ptityop replied on Oct 9, 2012 at 6:14 pm Permalink Reply

I'm using my own theme.