6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Is there a wordpress plugin to do this?

by utahjeff
5 replies
  • WEB DESIGN
    • |
Does anyone know of a wordpress plugin that will open and close text sections like this site does?

Loan Programs

click on "traditional" or "government" to see in action.

thanks in advance.
#plugin #wordpress
  • Profile picture of the author rhinocl
    Take a look at peekaboo.
    Signature
    cheap search engine optimization
    {{ DiscussionBoard.errors[8355642].message }}
  • Profile picture of the author yestyle
    Banned
    It's only a script and you con search collapse/expand jquery script on google and applying for your wordpress. Don't need to find a plugin to do that.
    {{ DiscussionBoard.errors[8356464].message }}
  • Profile picture of the author consortiahost
    search wordpress plugin
    {{ DiscussionBoard.errors[8358708].message }}
  • Profile picture of the author Immu
    its JQuery
    and iam sure you can do this, its pretty easy
    youtube it and your there
    {{ DiscussionBoard.errors[8360099].message }}
  • Profile picture of the author Ttrain
    You probably shouldn't use a plugin to do what a few lines of Jquery or plain Javascript can do on their own. I wrote this a while back for a website I worked on. It does the same thing as what your looking for. Except it only closes when you click on a different tab, not the same one because thats what the client wanted at the time (it would only take a few extra lines of code to add that feature).

    Code:
    //click and show the individual sections within the li elements
  $('#slide-out ul.crumbs > li').click(function () {
   var  self = $(this);
   var child = self.children('section');

   if(child.length !== 0){ 
      $('#slide-out ul.crumbs > li').each(function (ini,ele) {
        ele = $(ele);
        if(child[0] !== ele.children('section')[0]){
          ele.children('section').slideUp(300); 
          ele.removeClass('no-border');  
        }
      });
     
     self.addClass('no-border');
     child.slideDown(300);  
    }
  });
    (It looks like there's some filter that's removing all the variables named "$this" so I wrote "self" instead.)

    The HTML was something like this:

    Code:
    <div id="slide-out">
  <ul class="crumbs">
    <li>
       <section>
           "Your content goes here"
       </section>
    </li>
  </ul>
</div>
    {{ DiscussionBoard.errors[8364020].message }}

Trending Topics