标签: expand

jQuery Simple Collapsible Div?

我正在寻找适当的,简单的小代码来执行以下操作:

  • 单击Element with Class应用于它.

  • DIV.CLASS - 扩展并显示隐藏的内容.(slideDown - Toggle)

  • DIV.CLASS - 崩溃并隐藏之前显示的内容.(slideUp - Toggle)

我在这里创建了一个jsFiddle:http://jsfiddle.net/Q4PUw/1/

因此,为了模糊和简单,我需要知道如果同一页面上的元素应用了CLASS,如何使DIV CLASS变得隐藏和可见,其中将激活和停用HIDDEN和/或VISIBLE HTML内容.我需要它默认隐藏.

我看过整个互联网,只发现了非常复杂的脚本,但并不简单.我找到了简单的手风琴......但是那些从未关闭的人,他们只是打开另一个.

谢谢大家的帮助,我希望我能够为很多其他人回答同样的问题......

注意:我知道很少的JavaScript甚至是jQuery.

html javascript jquery expand collapse

25
推荐指数
2
解决办法
9万
查看次数

父母不会扩大到孩子的身高

正如您将看到的,我有一个div(#innerPageWrapper)包含包含内容的div.#innerPageWrapper也可以在视觉上作为布局中的半透明边框.

我的问题是#innerPageWrapper不会扩展以适应内部的孩子,更不用说扩展以填充页面的其余部分.

这是代码 #innerPageWrapper

#innerPageWrapper {
    width: 1100px;
    height: 100%;
    display: inline-block;
    padding: 0 50px 0 50px;
    background: rgba(0, 0, 0, 0.75) url(navShadow.png) repeat-x top;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
Run Code Online (Sandbox Code Playgroud)

我尝试过很多东西(包括使用calc()来获得div高度).我想避免使用jQuery.

html css height expand

23
推荐指数
2
解决办法
9万
查看次数

使用角度js展开和折叠

我试图找出一种使用角度js进行展开和折叠的方法.如果不操纵控制器中的dom对象(这不是角度方式),我无法找到一种优雅的方法.目前我有一个很好的方法来进行一层扩展和折叠.然而,当我开始嵌套时,事情变得复杂并且不能按照我想要的方式工作(当它们不应该扩展和折叠多个区域时).我不知道如何通过ng-click发送唯一标识符来扩展/折叠正确的内容.我应该提到这些项目都在ng-repeat中,所以我必须自定义发送的参数.

我能够使用这个jsfiddle来帮助我进行一层扩展和折叠工作.然而,这是一种切换方式,我希望用户能够在扩展其他内容时保持扩展.所以我要做的就是使用一个数组,每次点击某个东西时,点击的项目的索引就会被添加到数组中并且类会被展开.当用户再次单击时,索引已从阵列中删除,并且该区域已折叠.

我发现你能做到的另一种方法是使用指令.但我真的找不到任何一个例子来包围指令如何工作.在编写指令时,我不确定如何开始.

我目前的设置如下:

function Dexspander($scope) {
    $scope.ExpandArray = [];

    //Push or pop necessary elements for tracking
    $scope.DespopulatArray = function (identifier, element) {
    if (_.indexOf($scope.ExpandArray, identifier + element) != -1) {
            $scope.ExpandArray.splice(_.indexOf($scope.ExpandArray, identifier + element), 1);
        } else {
            $scope.ExpandArray.push(identifier + element);
        }
    }

    //Change class of necessary elements
    $scope.Dexspand = function (identifier, element) {
        if (_.indexOf($scope.ExpandArray, identifier + element) != -1) {
            return "expand";
        } else {
            return "collapse";
        }
    }
}

<div class="user-header" ng-repeat="user in users"> …
Run Code Online (Sandbox Code Playgroud)

javascript expand collapse angularjs

22
推荐指数
3
解决办法
12万
查看次数

odata - 结合$ expand和$ select

在odata v4.0中是否有将$ expand和$ select组合在一起的选项?

我有一个场景,我正在尝试获取productItemChoices和item中的特定列.以下查询将为您提供productItemChoices中的所有列.我只需要productItemChoices中的一列

odata/Products(08f80b45-68a9-4a9f-a516-556e69e6bd58)?$expand=productItemChoices($expand=item($select=name))
Run Code Online (Sandbox Code Playgroud)

expand select asp.net-web-api odata-v4

22
推荐指数
1
解决办法
2万
查看次数

Pandas从列中可用的列表数据中扩展行

我在熊猫中有这样的数据框:

 column1      column2
 [a,b,c]        1
 [d,e,f]        2
 [g,h,i]        3
Run Code Online (Sandbox Code Playgroud)

预期产量:

column1      column2
  a              1
  b              1
  c              1
  d              2
  e              2
  f              2
  g              3
  h              3
  i              3
Run Code Online (Sandbox Code Playgroud)

如何处理这些数据?

python expand list dataframe pandas

20
推荐指数
3
解决办法
9696
查看次数

如何以编程方式展开和折叠部分NSSplitView?

我想,以取代RBSplitViewNSSplitView我现有的项目.该应用程序现在只有豹子,我想用Leopard附带RBSplitView新产品 替换NSSplitView.

不过,我错过RBSplitView的便利方法expandcollapseNSSplitView.如何以编程方式展开和折叠部分NSSplitView?

cocoa expand nssplitview

17
推荐指数
4
解决办法
1万
查看次数

WPF DataBound树视图展开/折叠

我只是想找到一种方法来控制TreeView节点通过它们绑定的对象的扩展/折叠.该对象具有一个IsExpanded属性,我想使用它来显示TreeView基于该属性展开或折叠的节点本身.

这是我的代码:

C#:

public partial class Window2 : Window
{
    public Window2()
    {
        InitializeComponent();

        this.DataContext = new List<Parent>() { Base.GetParent("Parent 1"), Base.GetParent("Parent 2") };
    }
}

public class Base
{
    public string Name { get; set; }
    public bool IsExpanded { get; set; }

    public static Parent GetParent(string name)
    {
        Parent p = new Parent() { Name = name };

        p.Children.Add(new Child() { Name = "Child 1", GrandChildren = new ObservableCollection<GrandChild>() { new GrandChild() …
Run Code Online (Sandbox Code Playgroud)

data-binding wpf treeview expand collapse

17
推荐指数
1
解决办法
3万
查看次数

如何通过内容水平增长div?

拜托,有人可以向我解释,为什么红色div不向右扩展?它停在屏幕结束的地方.我需要做什么才能扩展?

有一件事是"显示:表格 - 细胞"红色div但我想知道是否有另一种方式,为什么会发生这种情况......?

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head />
<body>
  <div style="background-color: #f00;">
    <div style="width: 2000px; height: 100px; " />
  </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

html css expand autogrow

14
推荐指数
1
解决办法
2万
查看次数

Swing JList具有多行文本和动态高度

我已经阅读/试过这些帖子,但这没有帮助:

我需要的是一个ListCellRenderer返回左侧带有图标的面板和右侧的动态长度文本(如在任何论坛中:左侧是用户头像,右侧是帖子文本).这些文本为我所知,所以我无法设置固定的单元格高度.此外,文本长度不同于列表单元格到列表单元格.因此,每个列表单元格都需要自己的高度,具体取决于文本的长度.实际上是一个非常常见的布局...但不适用于Swing.单元格高度不会根据文本长度扩展.

我已经阅读了几乎所有有关动态单元格高度和多行文本的帖子JList,但找不到解决方案.所以我决定给一个小型的SSCCE.请告诉我如何实现我所描述的内容,或者如果您认为这很容易,请修改我的代码.

谢谢

这是SSCCE:

public class MultiLineList extends JFrame
{

    private static final long serialVersionUID = 1L;

    public static void main(final String[] args)
    {
        new MultiLineList();
    }

    private MultiLineList()
    {
        setTitle("MultiLineList");
        setSize(800, 450);
        setResizable(true);
        setVisible(true);
        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        this.getContentPane().setLayout(new BorderLayout());

        final DefaultListModel model = new DefaultListModel();
        model.addElement("This is a short text");
        model.addElement("This is a long text. This is a long text. This is a long text. This is a long text. This …
Run Code Online (Sandbox Code Playgroud)

java swing expand jlist listcellrenderer

14
推荐指数
2
解决办法
1万
查看次数

ExpandableListView仅在特定Button上展开?

好吧,我正在尝试创建一个像Spotify一样的ExpandableListView它...但我不知道如何禁用LinearLayout像一个按钮(展开列表)我已经创建了一个图像应该描述我喜欢什么.我喜欢有可能处理文本/图像(父)的点击作为正常的交互.单击右键应该像Spotify一样展开列表...

第一张图显示了展开动作(现在),第二张图展示了展开动作应该如何...

expand android listview button expandablelistview

14
推荐指数
2
解决办法
2万
查看次数