Ability to choose which accordion row is open by default, not just first

I don't think I'll be developing this feature for the module itself, it can get messy with all the views options, and I don't think many people need it. However, this should be fairly easy to accomplish, views_accordion gives you enough css classes to do pretty much anything.

So, assuming that:

1. You know how to add a js properly for your specific view, and that runs after the accordion's js.
2. You are not using field grouping in the view.
3. You are using the default tpl or at least the same css classes.
4. You disable 'start with the first row opened' option.

Here is the code for your js file:

$(document).ready(function() {
  $('.accordion-item-1 .accordion-content').show();
});

The item count starts at 0, so 1 should give you the second item - use firebug if in doubt. Also, you may want to use a stricter jquery selector if you are using more accordion views in that same page, or all the second items will start opened. I hope you get the idea.

Good luck, and let me know how it goes.

Also, would you mind posting a link to the site? - It's nice to see how people are using the module =)

I needed a little bit more specific solution for my problem:

I needed to be able to select a certain tab by using the URL hash. Since there will be direct links to individual tabs

I needed certain individual tabs be opened when you come to accordion page by clicking an anchored link.

I copied views-view-accordion.tpl.php to my theme folder and modified it as below:

<div class="item-list views-accordion <?php print $views_accordion_id ?>">
  <?php if (!empty($title)): ?>
    <h3 class="<?php print $views_accordion_id ?>"><?php print $title; ?></h3>
  <?php endif; ?>
  <div id="<?php print $views_accordion_id ?>">
    <?php foreach ($rows as $id => $row): ?>
      <div id="<?php print 'A'. $id; ?>" class="<?php print $classes[$id] ?>"><?php print $row ?></div>
    <?php endforeach; ?>
  </div>
</div>

<?php if ($views_accordion_id == 'views-accordion-VIEWNAME-VIEWCURRENTDISPLAY'): ?>
  <script type="text/javascript">
  $(document).ready(function(){
    if(location.hash != '' && $('div' + location.hash).size()){
      $('#views-accordion-fee_tables-page_1 '+location.hash+' .accordion-content').show();
      $('#views-accordion-fee_tables-page_1 '+location.hash+' .accordion-header').addClass('accordion-header-active');
    }
  });
  </script>
<?php endif; ?>

Thus, it doesn't effect the other accordion views I have through out the site. And individual tabs can be opened by an anchor link:

<a href="/my-accordion-page#A4">Open the 5th tab on page load</a>

Thanks for the heads up.

Osman

Thanks for sharing osman, I'm sure it will help other people with the same situation =)

I wrote this small JQuery script to open the accordion in the relevant place if the view contains a link to the current page. I add this to the view footer HTML on any relevant views, it could also be worked into the module as a new option.

<script type="text/javascript">
  $(document).ready(function(){
    $('.views-accordion:has(a[href$='+location.pathname+']) h3').click();
  });
</script>

I am struggling a bit with the Accordion...it was working fine until I tried to add lightbox and videobox within the accordion.

Not only are those links not working, but now all my drawers pop open automatically on load. Any ideas on either problem?

The website is dzandman.com

Thanks!

@dzandman : Please open your own support request for your problem.

I thought I'd post my solution too. What I was constructing was an FAQ page using views to pull together all my FAQ items onto one page displayed nicely with views accordion. First issue was searching the views results page. That was hard so I didn't :-). Instead I let search index the FAQ items (content type of FAQ). Then I changed the urls in the search results with a routing in the theme template.php

function phptemplate_preprocess_search_result(&$vars) {
  //rewrite faq results to point to view
  if (strpos($vars['result']['type'], 'FAQ') !== FALSE) {
    $vars['result']['link'] = preg_replace('|/faq-item/|i', '/faq/', $vars['result']['link']);
    $vars['url'] = preg_replace('|/faq-item/|i', '/faq/', $vars['url']);
    $vars['result']['node']->path = preg_replace('|^faq-item/|i', 'faq/', $vars['result']['node']->path);
  }
}

I'm running pathauto and have set that so that faq items are /faq-item/[term]/[nid] and my view is faq/%/%. Arg1 is the term for this faq item so I can have multiple faqs. Arg2 is global null in the view. So now my search results point to view and include the nid of the faq item.

I copied views-view-accordion.tpl.php to the theme and add these lines at the start of the code.

 foreach ($rows as $id => $row) {
   $classes[$id] .= ' nid-'.$view->result[$id]->nid;
 }

This adds the class nid-100 (where 100 is the node nid) to each row. And finally in the view footer I added this code

<?php if (arg(2)) { ?>
  <script type="text/javascript">
    $(document).ready(function(){
      $(\'.nid-<?php print arg(2)?> .accordion-header\').click();
    });
  </script>
  <?php } ?>

Which if there is an arg2 fakes a click on the FAQ item. View accordion defaults to opening the first row so if there is no click that stays open, otherwise it opens the row matching the nid of the node of the FAQ item.

@malc_b: Although the tags you entered apply to your comment, these tags are set for the whole issue, so don't use them to tag your comment ;)

OK, I have worked on this, and commited this feature.

Please download the latest dev tarball when it comes out, and test the new feature.

Note that the option "Start with the first row opened" has been removed, and replaced with "Start with a row opened", which expands an option to choose which row to open at start, taken from the number of items the view is set to display.

Also note that if yo have configured say, 100 items to display, and choose to open the row 100, but you only have 20 items as results, obviously none will start opened. But well, I don't see a good workflow of handling this, nor do I think it's worth that much effort.

Let me know how it goes ;)

Sorry about the tags, you live and learn.

I'll try the update and report back.