Changes between Initial Version and Version 5 of Ticket #8140


Ignore:
Timestamp:
Feb 25, 2012, 5:40:21 PM (8 years ago)
Author:
Scott González
Comment:

I've cleaned up the ticket description. In the future please do not paste code into tickets. Use jsbin or jsFiddle as mentioned in the red box.

Legend:

Unmodified
Added
Removed
Modified
  • Ticket #8140

    • Property Status changed from new to reopened
  • Ticket #8140 – Description

    initial v5  
    1 I've searched the tickets database for "nested accordion" tickets, but none of what I've found looks like relevant (for my novice eye) to this one.
    2 
    3 The following code contains STYLE="WIDTH:AUTO" within the DIV segment of the INTERNAL accordion. Without it, the nested-internal accordion does not fit the container.
    4 
    5 May be that style adjustment should be added to the provided themes?
    6 
    7 BTW: the accordion of table content does not look too great. But tables are not supposed to be folded up?
    8 
    9 {{{
    10 <script src="/js/jquery-1.7.1.min.js"></script>
    11 <script src="/js/jquery-ui-1.8.17.custom.min.js"></script>
    12 <script type="text/javascript">
    13         $(function() {
    14                 $( ".internal" ).accordion();
    15                 $( ".external" ).accordion();
    16                 $( ".tabami" ).tabs();
    17                 $( ".internal h4" ).css('padding-left', '20px');
    18                 $( ".external h1" ).css('padding-left', '20px');
    19         });
    20 </script>
    21 
    22 <link rel="stylesheet" type="text/css" href="/css/smoothness/jquery-ui-1.8.17.custom.css" />
    23 
    24 <div class="external">
    25 <h1>2011</h1>
    26 <table class="internal">
    27 <thead>
    28 <tr><th colspan="5">Mieszanka</th></tr>
    29 </thead><tbody id="tb0" >
    30 </tbody>
    31 </table>
    32 
    33 <h1>2012</h1>
    34 
    35 <div class="internal" style="width:auto">
    36  <h4>Pierwszy</h4> <div id="11">
    37  Pierwszy nieziemskie obrazek nacierski
    38  </div> <h4>Drugi</h4> <div id="12">
    39  Ala ma kota a kot ma ale
    40  </div> <h4>Czeci</h4> <div id="13">
    41  Wlaz kotel na plotek i mruga
    42  </div> <h4>Warty</h4> <div id="14">
    43  A to heca do pieca
    44  </div> <h4>Piaty</h4> <div id="15">
    45  makaroniarstwo
    46  </div>
    47 </div>
    48 
    49 </div>
    50 }}}
    51 
     1Nested accordions get the wrong width, unless `width: auto` is applied to the inner accordion's style.