jQuery Forum

Hello to everyone reading this!

I want to create a div toggle like ui accordions which have arrow icons and changes the icon in opened or collapsed situations.

actually like ui accordion (example 1) but I want it to open multiple items and can be collapsed.

also I added my code into jsfiddle. notice iwant to change those + and - texts to icons

http://jsfiddle.net/b59Su/

and I also want to have a different style for current item (which is selected)

Thank you in advanced!

Alireza.M

Hello!

I have used toggles in my template and it works very well but the only mistake it has I want to have a different style for currently active items.

I tried .ui-state-active class but then I found it doesn't impress toggles at all.


How can I do that?

Thanks in advance!

Hello!

I achieved a vertical progress bar by changing js to this :

// Progress Bar
$(function() {
$(".vertical-meter > span").each(function() {
$(this)
    .data("origHeight", $(this).height())
    .height(0)
    .animate({
        height: $(this).data("origHeight")
    }, 1200);
});
});

but it works from top to bottm and I want it to work reverse (bottom to top).

How should I do that?

thanks.

Hello!

I want to create a circular progress bar with jquery-ui like image below:



How can I achieve this?

Thanks in advance for your helping!

I want to have a progress bar like this image:



I want to first load that grey bar and in half of way black bar starts with a rectangle image in first of it and the heading will be inside of progress bar and an image next to it.

I'm  really in need of this.

Please help me to achieve it.

Thank you in advance.

Hello.

I have used jquery-ui's accordion in my pages but I want to have 3 different type of that.

I have styled  .ui-widget-content , .ui-state-default and .ui-widget-header classes to build an accordion for my footer but actually it impresses other ui elements.

Now I want to have another accordion with a different style and want to give another properties and values to those classes .

How should I do that?

Thanks in advance.

Hello!

I have created a styled hr tag and want to use it inside ui accordion after every item like this code:

1. <div id="accordion">
2. 
      <h3><a href="#">item#1</a></h3>
3. 
      <div><p></p></div>
4. 
      <hr />
5. 
   
6.    <h3><a href="#">item#2</a></h3>
7. 
      <div><p></p></div>
8. 
      <hr />
9. 
   
10.    <h3><a href="#">item#3</a></h3>
11. 
       <div><p></p></div>
12. 
       <hr />
13. 
    
14.    <h3><a href="#">item#4</a></h3>
15. 
       <div><p></p></div>
16. 
       <hr />
17. 
    </div><!-- End accordion -->
    
    

But when I put these hr tags, accordion doesn't work.

I really in need of doing that.

any helps?

Kind regards!

Alireza.M