# One click to open/second click to close accordian
**URL:** https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596
**Category:** Beginners
**Created:** [January 13, 2019, 2:10am UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596 "2019-01-13T02:10:18Z")
**Posts on this page:** 18
**Page:** 3
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 14, 2019, 3:20pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/41 "2019-01-14T15:20:44Z")
Great! well done @randyrie and cheers for the help @Printninja
I too noticed the duplication and some other stuff, but got caught up in my dead web server, which turned out to be them having blocked my IP ranging I was visiting from… and then. a blank PineGrow Forum! gah!
Something else happened when sorting out VPNs and I couldn’t access this forum until now!
Gah!
and ooh! BEta PineGrow! Shiny 🙂
---
### Author:  [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [January 15, 2019, 3:37pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/42 "2019-01-15T15:37:47Z")
Is this a known bug and should it be reported it in the “bug” forum?
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 15, 2019, 9:48pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/43 "2019-01-15T21:48:13Z")
YES!! I’ve jsut figured out how to seperate the Framework styles from the pure CSS Styles in the tabbed views on the right of your screen!!
WOO HOO that has taken me…er how long?
I had to keep clicking between frameworks and style class tabs to find things.
oh now now THAT shoudl make a difference. excellent.
And why do you keep the two styling panels separeted @Printninja (and hi @randyrie sorry to hijack your thread for a moment 🙂 )
---
### Author:  [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [January 15, 2019, 11:26pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/44 "2019-01-15T23:26:22Z")
> [@schpengle](#):
>
> And why do you keep the two styling panels separeted
It’s not really intentional. I just rarely use the Visual Editor panel, so it’s kind of in the most out-of-the-way spot.
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 15, 2019, 11:29pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/45 "2019-01-15T23:29:32Z")
ah ok Thanks. I now really like the idea of keeping them both side by side (squeezed on my page) so i can much easier see the source of some fandangled styling mysteries.
Just realises, you DID used to have it the magic way I wanted, and I didnt notice last time!
Gah!
[ ](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/6dfea931e95a194d19de8ecfa30f6cf869a1ed62.jpg)
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 16, 2019, 12:26am UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/46 "2019-01-16T00:26:46Z")
Ok! Accordions!
How’s it going @randyrie
🙂
Ive had a bit of network mare for a few days, back now…already…
---
### Author:  [@Thomas](https://forum.pinegrow.com/u/Thomas)
#### Post date: [January 16, 2019, 9:19am UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/47 "2019-01-16T09:19:23Z")
@Printninja
Sorry to hijack this thread as well, but heartily missing your expertise at
> [@Multi-screen support](https://forum.pinegrow.com/t/multi-screen-support/2432/27):
>
> PG 5.1 Beta version (called 5.05) for Mac and Win is available for download from the #beta5\_1 [channel on Slack](https://pinegrow.com/slack-invitation/) Panels and code editor can be floated into separate windows. Panels can also be moved around from window to window. Thanks for taking the beta for a spin. If you find any issues, please post them on the #beta5\_1 channel on Slack.
It would be cool and extremely helpful, seeing how you arrange your stuff now.
Cheers
Thomas
---
### Author:  [@Thomas](https://forum.pinegrow.com/u/Thomas)
#### Post date: [January 16, 2019, 9:30am UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/48 "2019-01-16T09:30:36Z")
> [@randyrie](#):
>
> re: Using the Tree
> I have a rough time using the tree since whenever I drag a component over to it, it expands too quickly before I can drop it where I want it in the tree… hand-eye coordination issue, I guess.
Oh - and before I forget:
PG has an outermost magic function which is called “Focus on”.
There you can select - say a parent-element - and work isolated on the details.
It’s weird and a bit disappointing that people have to be pointed on “Read the Manual, Read the news, Read the release notes …” There are so many functions more which could help (such as the “insert before”, “insert after” to be found in the menu-bar appearing if an element is selected).
Cheers
Thomas
And thanks for permanently ignoring my comment above.
> [@One click to open/second click to close accordian](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/24):
>
> Weird nested HTML - that’s all (my guess)! Cheers Thomas
---
### Author:  [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [January 16, 2019, 4:18pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/49 "2019-01-16T16:18:41Z")
I’m in the middle of a couple of hairy, time-sensitive projects at the moment, so I don’t have time to get involved in the beta test. Perhaps by this weekend, things will have calmed down a bit and I’ll have some time to play with it.
---
### Author:  [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [January 20, 2019, 5:34pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/50 "2019-01-20T17:34:04Z")
You mentioned earlier the quirky way the pages on the UNtying site shrunk the banner images - which my client liked - but his wife just got a smart phone and did NOT like the way the banner resized on her phone. So I’ve ‘fixed’ the site so the banners resize like they should: [http://statecollegedev.com/](http://statecollegedev.com/)
🕶
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 20, 2019, 11:32pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/51 "2019-01-20T23:32:59Z")
awww… But I really liked the squat skinny guy with the fat ass arms 🙂
It made me chortle 😃
also, I just checked out your feedback form bit and after you post it, the message clips the front of the message off and …someone takes the P out of your site… see?
so maybe format that a bit further to the right.
…somehow, not sure what you have used.
Also, what did you do to change the picture resizing @randyrie?
btw I like the site layout , tis kind of _custom_
---
### Author:  [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [January 23, 2019, 9:46pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/52 "2019-01-23T21:46:55Z")
I got your test feedback - thanks for checking it out and bringing the missing ‘P’ to my attention. I fixed that.
To honor my client’s first request to keep the banner photos height fixed, I used 100% width and a fixed-pixel height. To have it resize as the windows shrinks, I simply removed the fixed-pixel height. Wish every cure was that simple… 🙄
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 23, 2019, 10:54pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/53 "2019-01-23T22:54:30Z")
Nice. did you remove it via media queries?
if so, which screen sizes did you use etc?
Elegant.
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 23, 2019, 11:05pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/54 "2019-01-23T23:05:20Z")
And well done, I hope their feedback was positive and you will get all signed off and paid etc,
woo hoo.
and just one thing… every time I see this I giggle…since I am actually rather infantile in my humour.
you know, _Poo_ jokes etc …
SO each Time I read this…
I am tempted to reply by posting THIS
> **[Dulcolax Home Page | Dulcolax®](https://www.dulcolax.com)**
>
> Dulcolax® offers a full range of constipation and gas relief products. Learn more about Dulcolax® products and our latest promotions.
---
### Author:  [@schpengle](https://forum.pinegrow.com/u/schpengle)
#### Post date: [January 23, 2019, 11:06pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/55 "2019-01-23T23:06:11Z")
Yep… it sure works wonders for me 😃
I mean…its even the same colour! …
ER GREEN! you know the writing…not the…umm…oh never mind
---
### Author:  [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [January 24, 2019, 5:35pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/56 "2019-01-24T17:35:53Z")
No… not using media queries – just bootstrap’s point breaks which I believe are mute by using a “%” for width, not? I used 1248x415 screen rez for the banners – which seems to test well on most devices.
re: the giggles
This would be the polar OPPOSITE of what the site is all about - - provoking relaxation. NOTHING relaxing about bowel provocation. 🤒
---
### Author:  [@Printninja](https://forum.pinegrow.com/u/Printninja)
#### Post date: [January 24, 2019, 11:33pm UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/57 "2019-01-24T23:33:58Z")
The breaks in Bootstrap actually **are** media queries. Not sure what you mean by “mute.” If you put a fixed width on an image placed in a Bootstrap column, it will override the responsive sizing of the column, but that’s not advised. It’s better to use the background-image: rule, and set the width to 100%
For images that will take the full width of the screen, 1920px wide is the best because it’s the most common screen res on wide-screen monitors these days.
---
### Author:  [@randyrie](https://forum.pinegrow.com/u/randyrie)
#### Post date: [January 25, 2019, 2:31am UTC](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596/58 "2019-01-25T02:31:02Z")
Thanks for the clarification about media queries… and the tip for best rez for monitors.
[Previous page](https://forum.pinegrow.com/t/one-click-to-open-second-click-to-close-accordian/2596.md?page=2)