Closed. This question needs to be more focused. It is not currently accepting answers. Learn more。
想改进这个问题吗?更新问题,使其只关注一个问题editing this post。
三年前关闭。
我正在处理一个单页的申请。我想创建一个布局,其中
用户单击一个按钮,该按钮将保留并移动到标题,此时子选项将显示在中心。![jquery - 我想创建一个具有完整页面高度和宽度的CSS布局-LMLPHP jquery - 我想创建一个具有完整页面高度和宽度的CSS布局-LMLPHP]()
最后,用户选择一个子选项,子选项菜单向左移动,子选项描述面板占据了大部分空间。![jquery - 我想创建一个具有完整页面高度和宽度的CSS布局-LMLPHP jquery - 我想创建一个具有完整页面高度和宽度的CSS布局-LMLPHP]()
虽然我对使用jQuery/JS很满意,但我几乎没有CSS经验。
有没有我可以使用的框架,或者我如何处理这个布局?
以下是我到目前为止所达到的jsfiddle
见当前结果
想改进这个问题吗?更新问题,使其只关注一个问题editing this post。
三年前关闭。
我正在处理一个单页的申请。我想创建一个布局,其中
multiple radio boxes / buttons
位于整页的中心。用户单击一个按钮,该按钮将保留并移动到标题,此时子选项将显示在中心。
最后,用户选择一个子选项,子选项菜单向左移动,子选项描述面板占据了大部分空间。
虽然我对使用jQuery/JS很满意,但我几乎没有CSS经验。
有没有我可以使用的框架,或者我如何处理这个布局?
以下是我到目前为止所达到的jsfiddle
最佳答案
我对HTML代码做了一些修改,然后使用jquery代码来说明主要思想
首先,必须使选项和选项内容相互嵌套,如下所示:
选项1->选项1.1->选项1.1内容
必须像
<ul class='level1'>
<li>option
<ul class='level2'>
<li>option1.1
<div class='content'>test</div>
</li>
<ul>
</li>
</ul>
见当前结果