Comments on: Collapsible Elements http://deuced.net the DeUCeD blog Mon, 15 Mar 2010 14:49:28 +0000 http://wordpress.org/?v=2.9.1 hourly 1 By: ..::DeUCeD::.. http://deuced.net/collapsible-elements/comment-page-14/#comment-11275 ..::DeUCeD::.. Fri, 12 Mar 2010 11:02:21 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11275 They do work but all those elements are tight with your theme CSS file. You have to experiment with CSS and find the solution by yourself. Unfortunately i cannot examine each theme and find the problem. They do work but all those elements are tight with your theme CSS file. You have to experiment with CSS and find the solution by yourself. Unfortunately i cannot examine each theme and find the problem.

]]> By: austin http://deuced.net/collapsible-elements/comment-page-14/#comment-11273 austin Wed, 10 Mar 2010 17:00:11 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11273 having a little trouble getting line breaks and simple formatting of text within the element. I see in your tutorial that this is possible. how do you style it. list items and <strong> tags dont seem to work for me. having a little trouble getting line breaks and simple formatting of text within the element. I see in your tutorial that this is possible. how do you style it. list items and tags dont seem to work for me.

]]> By: ..::DeUCeD::.. http://deuced.net/collapsible-elements/comment-page-14/#comment-11265 ..::DeUCeD::.. Thu, 04 Mar 2010 19:42:21 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11265 Yeah, there is, instead of <strong>display:none;</strong> you must enter <strong>display:block;</strong> and that would show an item expanded. Yeah, there is, instead of display:none; you must enter display:block; and that would show an item expanded.

]]> By: Sean http://deuced.net/collapsible-elements/comment-page-14/#comment-11264 Sean Thu, 04 Mar 2010 16:29:19 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11264 Anyway to display the first item in its expanded state, instead of being collapsed by default? Please help! Thanks. Anyway to display the first item in its expanded state, instead of being collapsed by default? Please help! Thanks.

]]> By: ..::DeUCeD::.. http://deuced.net/collapsible-elements/comment-page-14/#comment-11263 ..::DeUCeD::.. Wed, 03 Mar 2010 19:40:01 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11263 Yeah, I see what you are up to. What you need is dynamic ajax content, a place where will be updated every time you click on something. I ve made this using <a href="http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm" rel="nofollow">Dynamic Ajax Content</a> script which it works in my Shout Stream plugin. That's how the radio stats are refreshing without loading a new page. It's a lot of work to convert it to a plugin but you can go there and take a look and see how it works. I think that it can be done. It's not easy to implement this but it would fit your needs and then you could have links which would update one DIV of your choice with any content that you like. So i suggest you try it and make it work in your WordPress or search for similar scripts. Update: You may also search for switch content script in dynamic drive scripts and see what fits you better! Yeah, I see what you are up to. What you need is dynamic ajax content, a place where will be updated every time you click on something. I ve made this using Dynamic Ajax Content script which it works in my Shout Stream plugin. That’s how the radio stats are refreshing without loading a new page.

It’s a lot of work to convert it to a plugin but you can go there and take a look and see how it works. I think that it can be done. It’s not easy to implement this but it would fit your needs and then you could have links which would update one DIV of your choice with any content that you like. So i suggest you try it and make it work in your WordPress or search for similar scripts.

Update: You may also search for switch content script in dynamic drive scripts and see what fits you better!

]]> By: Mak http://deuced.net/collapsible-elements/comment-page-14/#comment-11262 Mak Wed, 03 Mar 2010 19:19:49 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11262 Thanks. You can check my problem here http://www.fanfara.net/o-fanfari/ekipa I have names of the teams on the left and the content is shown on the right. what I would like to achieve is when i click on one team that everything else would close down (if previously open). because now when you click, the page is just getting longer and if you don't know what is going, you think that buttons are not working. u see my trouble? if you have any other script or an idea how to sort this i would be very grateful. tnx in advance. Thanks. You can check my problem here http://www.fanfara.net/o-fanfari/ekipa

I have names of the teams on the left and the content is shown on the right. what I would like to achieve is when i click on one team that everything else would close down (if previously open). because now when you click, the page is just getting longer and if you don’t know what is going, you think that buttons are not working. u see my trouble?

if you have any other script or an idea how to sort this i would be very grateful.

tnx in advance.

]]> By: ..::DeUCeD::.. http://deuced.net/collapsible-elements/comment-page-14/#comment-11261 ..::DeUCeD::.. Wed, 03 Mar 2010 18:03:14 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11261 If you have only two elements then one should be open and the other should be closed so when assigning the ID's in the links their condition should be reversed whatever link you have to press, like this: <a href="#" onclick="xcollapse('Xmak1');xcollapse('Xmak2');xcollapse('Xmak3');return false;" rel="nofollow"> Link#1 </a> <a href="#" onclick="xcollapse('Xmak1');xcollapse('Xmak2');xcollapse('Xmak3');return false;" rel="nofollow"> Link#2 </a> <span id="Xmak1" style="display: block; font-weight: bold; color: #ffffff; background: #999999; ">FIRST COLLAPSIBLE ELEMENT #1 </span> <span id="Xmak2" style="display: none; font-weight: bold; color: #ffffff; background: #999999; ">SECOND COLLAPSIBLE ELEMENT #2</span> So as you see any link will change condition of all elements between shown/hidden. <strong>Collapsible Elements is used to change the condition of an element between show/hide, whatever that is without examining it first.</strong> <strong>But, if you have more than two elements</strong>, things are getting complicated because you must do something and let the script know the condition of each one. That requires javascript knowledge and it's not just 2 lines of code. If you need something like this you 'll have to search for different scripts that do that job. But then again I 'm not sure what you have in mind and what you want to achieve. If you wanna make a menu or something i wouldn't suggest it. If you wanna do something like a FAQ page there are tricks that you may try with collapsible elements. Anyway it depends on you. If you have only two elements then one should be open and the other should be closed so when assigning the ID’s in the links their condition should be reversed whatever link you have to press, like this:

Link#1 Link#2

FIRST COLLAPSIBLE ELEMENT #1

So as you see any link will change condition of all elements between shown/hidden. Collapsible Elements is used to change the condition of an element between show/hide, whatever that is without examining it first.

But, if you have more than two elements, things are getting complicated because you must do something and let the script know the condition of each one. That requires javascript knowledge and it’s not just 2 lines of code. If you need something like this you ‘ll have to search for different scripts that do that job. But then again I ‘m not sure what you have in mind and what you want to achieve. If you wanna make a menu or something i wouldn’t suggest it. If you wanna do something like a FAQ page there are tricks that you may try with collapsible elements. Anyway it depends on you.

]]> By: Mak http://deuced.net/collapsible-elements/comment-page-14/#comment-11260 Mak Wed, 03 Mar 2010 12:29:06 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11260 hey! I have a question. if you have more collapsible elements on one page, is it possible that the others close down when you expand one? thanks very much. mak hey! I have a question. if you have more collapsible elements on one page, is it possible that the others close down when you expand one? thanks very much. mak

]]> By: ..::DeUCeD::.. http://deuced.net/collapsible-elements/comment-page-14/#comment-11247 ..::DeUCeD::.. Thu, 25 Feb 2010 19:38:31 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11247 Great! As a matter of fact i 've been thinking of having some more of my widgets collapsible like you did. But i m not sure that it ll fit my design. Any way i 'm glad it worked for you! Best regards. Great!

As a matter of fact i ‘ve been thinking of having some more of my widgets collapsible like you did. But i m not sure that it ll fit my design. Any way i ‘m glad it worked for you!

Best regards.

]]> By: SilvioTO http://deuced.net/collapsible-elements/comment-page-14/#comment-11246 SilvioTO Thu, 25 Feb 2010 19:24:11 +0000 http://deuced.net/wpress/collapsible-elements/#comment-11246 Thank you very much for this fantastic plugin and your help... Take a look at the site now! http://www.fortourism.it/ Hi!! ;) Thank you very much for this fantastic plugin and your help… Take a look at the site now! http://www.fortourism.it/

Hi!! ;)

]]>