jQuery Forum

Hi there, I'm new to the forums and pretty new to jquery, so I'm hoping someone can help.

I have a pretty simple pane slider deal that works great as is, but I'd like to extend it a bit so that it remembers the state it's in rather than simple toggling. The reason for this is because as soon as I add and click on a secondary toggle inside the pane, the main toggle gains the active class when the pane is actually closed.

So I use the primary toggle to open the pane, and inside that pane there is another toggle offering the option to close the pane, but using that causes the primary toggle to add the "active" class to the main toggle when the pane is actually closed.

How can I avoid this? Thanks in advance!

1. $(document).ready(function(){
       $(".btn-slide").click(function(){
         $("#panel").slideToggle("slow");
         $(this).toggleClass("active");
          return false;
       });
   });
2. 
   
3. <a href="#" class="btn-slide">Close</a>
   

Hi,

I'm really new to jQuery and I'm looking for what I imagine would be a simple task.

I have an unordered list (ul#garment_selector) sitting in a div (div#program_scroller) and each of the list items has a link that I'd like to display an image and some text into a div on the same page. I don't want any fancy animations or anything like that, I just need to display an image and a related description/price into a new div, preferably without reloading. I have quite a few different lists of links and they change all the time so using an array to define the image/text is impractical for my needs.

1. <div id="load_pane"></div>  // load image/text here
2.  
3. <div id="program_scroller">
4.    <ul id="garment_selector">
5.       <li><a href="images/tshirt.jpg" title="heavy cotton t-shirt // $5.99">Tee Shirt</a></li>
6.       <li><a href="images/ballcap.jpg" title="fitted ball cap // $8.99">Baseball Cap</a></li>
7.       <li>.... etc ... </li>
8.    </ul>
9. </div>

I've looked at some photo gallery tutorials as they would seem best suited to my needs but I really don't know my way around js too much. Can someone help me out?