jQuery和CSS问题
折衷解决方案
我已经在http://jsfiddle.net/48k7g/5/上编写了jQuery代码
$('#btn').click(function(){
$('#pph_test').hide('slow');
});
我需要使它类似于：
单击该按钮将打开一个新部分，如图像示例所示。也请使用适当的CSS来帮助我，使其看起来像示例一样。
亚当·梅里菲尔德
您真正需要的只是在该容器的顶部使div具有CSS float:right;。我添加了额外的CSS，使其看起来与图像更相似。
.float {
display:none;
width:300px;
float:right;
margin:10px;
padding:3px;
border:1px solid #000;
background:grey;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
然后该按钮将是：
$('#btn').click(function () {
$('#pph_test .float').toggle();
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
使用PDO，CSS和JQUERY的datables问题
- 2
jQuery Masonry gutterWidth和CSS右边距问题
- 3
边栏的Jquery和CSS销钉解锁问题
- 4
常见问题页面。显示和隐藏内容，JQuery和CSS问题
- 5
Nginx和CSS问题
- 6
CSS和JS问题
- 7
Nginx和CSS问题
- 8
jQuery Mobile CSS问题
- 9
jQuery和Safari的问题
- 10
jQuery和$问题
- 11
jQuery 和“这个”问题
- 12
CSS和Node表达问题
- 13
CSS Selector和Margin问题
- 14
HTML和CSS菜单问题
- 15
HTML和CSS的居中问题
- 16
CSS 和显示 flex 的问题
- 17
css 和 html 的链接问题
- 18
解决 CSS 和 HTML 的问题
- 19
解决 CSS 和 HTML 的问题
- 20
过渡问题 CSS 和 JS
- 21
CSS / jQuery动画定位问题
- 22
jQuery / HTML / CSS colspan问题
- 23
Jquery + Css 拖放偏移问题
- 24
jQuery Mobile和DateBox的问题
- 25
jQuery Mobile和DateBox的问题
- 26
SlideRight和SlideLeft jQuery问题
- 27
使用jQuery和变量的问题
- 28
jQuery的每个和分裂问题
- 29
jQuery的mouseenter和mouseleave问题
我来说两句