избегайте автоматического изменения ширины гармошки jQuery - PullRequest
Новая
       23

избегайте автоматического изменения ширины гармошки jQuery

0 голосов
/ 22 июня 2011

Как можно избежать автоматического изменения размера заголовков jQuery Accordion, если я посещаю содержимое аккордеона?

Скрипт: 

<script type="text/javascript" >
    $(document).ready(function() {
      $("#dvAccordion").accordion(
            { autoHeight: false,
                collapsible: true
            }
        );
     });
</script>

Разметка: 

    <div id="dvAccordion">
    <h5><a href="#fragment1"><asp:Label runat="server" ID="lblAccordionRC" Text="Hi" meta:resourcekey="lblAccordionRC"  ></asp:Label></a></h5>
        <div id="fragment1">
            <div style=" height:10px; width:200%; background-color:Blue;"></div>                
        </div>
    <h5><a href="#fragment2"><asp:Label runat="server" ID="lblAccodionUNC" Text="How"  meta:resourcekey="lblAccodionUNC"></asp:Label></a></h5>               
        <div id="fragment2">
            How are You ?
        </div>        
    </div>
* 1008Первый аккордеон содержит более широкий div, чем второй.Если я нажму на первый аккордеон, произойдет изменение размера заголовка аккордеона.Затем, если я нажму второй аккордеон, он сжимается обратно.Это делает плохую визуализацию страницы у конечного пользователя. Как я могу удалить это автоматическое изменение размера?

1 Ответ

4 голосов
/ 24 октября 2012

установить ширину гармошки с помощью css 

<div id="dvAccordion" style="width:300px;">

по какой-то причине настройка ширины в html не работает должным образом с jquery.

...