标签: accordion

谁知道ac#winforms手风琴控制？

最好是开源或免费的.

我知道这已经被问了很多次(特别是在这里和这里),但我正在寻找一个很好的当前指南,开始开发现代移动浏览器的网站.理想情况下,我会喜欢Craig Hockenberry的优秀,2.5岁的Put Your Content in My Pocket的更新版本- 一个了解Pre,Droid等新设备的设备,各种设备的屏幕尺寸略有不同,并特别为iPhone和黑莓提供坚实的建议.

我的目标是构建一个只包含文本(散文和表格)和简短形式的页面,不带有条件的XHTML/CSS/JS,用于不同的浏览器/硬件(如果可能:)).

我需要手风琴来扩展和隐藏节标题下方的细节.我会使用jQuery,但怀疑这些浏览器可能有更原生的方式来做这个非常移动惯用的东西.

我知道W3C移动网络计划,但我正在寻找更真实,更具体的建议.

谢谢大家!

我正在使用jQuery UI手风琴和datepicker.

手风琴效果很好,但是当我将CSS文件添加到页面时(日期选择器需要),一切都很疯狂.我看到该脚本将各种类添加到两个小部件中.有没有办法得到一个只适用于datepicker的单独的CSS？我尝试从他们的网站下载不同的文件,但没有任何效果.有什么建议？

默认情况下,primefaces手风琴面板的第一个选项卡在页面加载时显示为打开.有没有办法可以在页面加载时关闭它.

谢谢

我无法将所有p:accordionPanel选项卡关闭

我尝试了在问题中推荐的两个解决方案隐藏JSF Primefaces中的手风琴面板的第一个选项卡, 但是如果accordionPanel的value属性是EL表达式,它对我不起作用.第一个选项卡始终打开.

我试过了

<p:accordionPanel widgetVar="accordion" 
multiple="true" 
value="#{cc.attrs.managedBean.getTabs()}" var="r">

没有成功

和

<p:accordionPanel activeIndex="-1" 
multiple="true" value="#{cc.attrs.managedBean.getTabs()}" var="r">

只有在accordionPanel没有值的情况下才有效

谢谢你的帮助.

我有primesfaces 3.3.1

我想替换一个允许用户使用Bootstrap折叠手风琴"阅读更多"的脚本.我的问题是,据我所见,手风琴是打开还是关闭.

有没有人知道在封闭模式下显示某些文本的选项？

在我正在使用的脚本中,我可以通过更改文本区域的高度来显示一些文本,但在Bootstrap中此选项不起作用.当我更改.in或.out(控制文本区域高度的css)的高度时,它只是打开和关闭直到该高度.有人为此找到了解决方法吗？

我的HTML:

<div class="accordion" id="accordion2"> 
  <div class="accordion-group"> 
    <div class="accordion-heading"> 
      <a class="accordion-toggle"  href="#collapseOne"
         data-toggle="collapse" data-parent="#accordion2">
        TITLE OF THE COLLAPSE 
    </a> 
    </div> 
    <div id="collapseOne" class="accordion-body collapse in"> 
      <div class="accordion-inner"> 
        DATA IN THE COLLAPSE 
      </div> 
    </div>
  </div>
</div>

我正在测试一个缓慢连接的网站构建,我注意到jQuery Accordion长时间保持扩展,直到网站的其余部分被加载,然后最终崩溃.不是很漂亮 我想知道如何通过加载过程让它崩溃并且只在点击时展开.

我正在使用独立的1.6版手风琴插件.

基本结构:

<div class="sidebar">
    <ul id="navigation" class="ui-accordion-container">
        <li><a class="head" href="#">1</a>
            <ul class="sub">
                <li><a href="#">1a</a></li>
                <li><a href="#">2a</a></li>
            </ul> 
         </li>
    </ul>
</div>

和脚本

jQuery().ready(function(){
    jQuery('#navigation').accordion({ 
        active: 'false', 
        header: '.head', 
        navigation: true,
        animated: 'easeslide',
        collapsible: true
    });     
});

我试图隐藏CSS中的元素以防止它们在加载时出现,但所有实现的是让它们始终隐藏.

也许问题在于CSS我在每个子菜单中都有一个背景图像:

#navigation{
    margin:0px;
    margin-left: 10px;
    padding:0px;
    text-indent:0px;
    font-size: 1.1em;
    width:200px;
    text-transform: uppercase;
    padding-bottom: 30px;
} 
#navigation ul{
    border-width:0px;
    margin:0px;
    padding:0px;
    text-indent:0px;
}
#navigation li{
    list-style:none outside none;
}
#navigation li ul{
    height:185px; overflow:auto;
}
#navigation li ul.sub{
    background:url('../images/sub.jpg') no-repeat;
    dispaly: block; …

我正在使用Jquery UI Accordion,我没有在文档中找到有关如何更改动画速度的任何内容.我发现人们建议使用选项"动画:'bounceslide'",但无法找到动画的不同可用选项.

我目前的js如下

    $( "#accordion" ).accordion({
        event: "mouseover",
        animate:"slow",
        active:false
    });

"animate:"slow"不正确,因此不起作用.任何想法？

我在我正在开发的项目中使用Twitter的Bootstrap'Collapse'插件.我有一个简单的手风琴(根据文档设置),但我想修改从点击到悬停事件的默认功能.

谁能确认实现这一目标的最佳方法？

我正在寻找一个代码,该代码可以滚动到我的bootstrap 3 html/css手风琴的当前活动面板标题的顶部.我在stackoverflow上找到的最接近的解决方案是以下js的片段.

此代码段工作得相当好,但是当单击面板标题时,页面会滚动,使得面板内容的最顶部与屏幕顶部齐平.有没有办法修改它,以便滚动效果将导致面板"标题"(而不是面板内容区域的顶部)在屏幕顶部可见？

    $(function () {
    $('#accordion').on('shown.bs.collapse', function (e) {
    var offset = $('.panel.panel-default > .panel-collapse.in').offset();
    if(offset)$('html,body').scrollTop(offset.top); }); });

如果我也应该分享bootstrap手风琴html,请告诉我.