Collapsible Text?

CTools doesn't actually specifically have anything to do AJAX for collapsible text, so perhaps this is why the documentation is missing. It has a collapsible div tool but that just hides/displays the contents of a div when the arrow is clicked.

If you don't need the AJAX part, but just need the client-side javascript, see the documentation in includes/collapsible.theme.inc -- all that you have to do is this:

$output = theme('ctools_collapsible', $handle, $content, $collapsed).

 * @param $handle
 *   Text to put in the handle/title area of the div.
 * @param $content
 *   Text to put in the content area of the div, this is what will get
 *   collapsed
 * @param $collapsed = FALSE
 *   If true, this div will start out collapsed.

Well, it's a code thing, so you'd have to embed it somewhere in your code. Maybe you should give me an idea of what you're trying to actually get collapsible before I give you an example; I'm afraid something I come up with won't actually be helpful and wouldn't be a good use of your time or mine without some better foundation of what you're trying to accomplish.

In PHP, what you want is this code:

$output = theme('ctools_collapsible', $question, $answer, TRUE);

Depending on the context you may print the output or not.

That TRUE will default to collapsed, which I think is what you want.

Hello, i've read through this thread multiple times, and i'm still having trouble getting this to work, if i could please get any help i would greatly appreciate it.

I enabled the Chaos Tools AJAX Demo page and it shows a collapsible div, which is what i would like to add to my articles and Basic Pages through CKeditor. I've enabled PHP in the CKeditor and have tried multiple different PHP codes, and code snippets and nothing seems to work. All i need it what is shown on the AJAX Demo Collapsible Div section and need to be able to place it in CKeditor, is this possible?

I've tried using theme_ctools_collapsible, pulling the PHP directly from ctools_ajax_sample_page, and i've also tried using collapsible.theme.inc.

I would greatly appreciate any and all help, thank you.

Issue tags: +Chaos Tools

Please read the issue tag guidelines before adding random issue tags. The link is right there by the widget.

Status: closed (fixed) » needs review

Same for issue status guidelines.

I'm unable to answer questions about CKEditor, so there's nothing I can add there. In terms of using this tool, the code you need is in #5. There's really not much more I can add.

If the ajax sample module does what you want, you can look at the code there and try to adapt it to your needs.

Just tested with Drupal 7.5 and Chaos 7.x-1.0-rc1:

$question = 'Question?';
$answer = 'Answer!';

$output = theme('ctools_collapsible', $question, $answer, TRUE);
print $output;

the result:
Q
Q (collapsible)

What's wrong?

See #10 - Can anyone reproduce? Setting Status to active.

theme() works differently in Drupal 7 than Drupal 6.

in D7 it needs to be print theme('ctools_collapsible', array('handle' => $question, 'content' => $answer));

Works! Thank you. Setting status to closed (fixed).

I am new to ctools and php but want to achieve something similar.

I my case the content that I wish to reveal is a google docs embedded image. I have managed to get the code working, but the default state based on the code below is with the content explanded.

What do I need to change for the default state to be collapsed?

Any help much appreciated.

<?php  
$viewimage= 'View Image';  
$image= '<img src="https://docs.google.com/drawings/pub?id=1SolYgwkjiexJ0LogqmkET1CutALV4RD2WwlFKOS3_Jc&amp;w=940&amp;h=600">';  $output = theme('ctools_collapsible', array('handle' => $viewimage, 'content' => $image)); 
print $output; 
?>

@ Paul Driver
Try the following...

$viewimage= 'View Image'; 
$image= '<img src="https://docs.google.com/drawings/pub?id=1SolYgwkjiexJ0LogqmkET1CutALV4RD2WwlFKOS3_Jc&amp;w=940&amp;h=600">';  
$collapsed = TRUE;
$output = theme('ctools_collapsible', array('handle' => $viewimage, 'content' => $image, 'collapsed' => $collapsed));
print $output;

great thank you

I am trying to post a bunch of FAQ questions using the ctools collapsible div. Each question will be the handle and the answer will be its content.

So, I code it like this

$question = 'Question 1';
$answer = 'Answer 1';
print theme('ctools_collapsible', array('handle' => $question, 'content' => $answer, 'collapsed' => TRUE));

$question = 'Question 2';
$answer = 'Answer 2';
print theme('ctools_collapsible', array('handle' => $question, 'content' => $answer, 'collapsed' => TRUE));

But my output is like this
Question 1
>>>>Question 2

When collapsed
Question 1
Answer 1
>>>>Question 2
>>>>Answer 2

Expected output
Question 1
Answer 1
Question 2
Answer 2

How to bring the rest of the questions in the same margin as Question 1 using ctools collapsible divs?

Disregard

Hi Guys,
From this variable :

$output = theme('ctools_collapsible', $question, $answer, TRUE);

How can I displays one panel at a time for this function ?
Thanks