我在两个div之间使用JQuery进行一些切换效果时遇到了问题.我在jQuery上的表现很差.凭借这些知识,我无法在两个div之间切换.
JS小提琴中的当前代码: http://jsfiddle.net/WSCBu/
我有三个班级名称蓝色,灰色和橙色.我想要做的是:当页面加载时只有两个div蓝色和灰色将显示,当我单击灰色div上的文本"显示"灰色div将隐藏和橙色Div将显示.当我点击橙色div中的"隐藏"文本时,这个橙色div将隐藏并再次显示灰色div.可以用切换功能完成吗？我真的不确定怎么样.希望专家可以轻松一个!如果有人向我展示这个过程,我将非常感激.
这是HTML
<div class="blue"></div>
<div class="gray">
<p> Show --> </p>
</div>
<div class="orange">
<p> -- Hide </p>
</div>
CSS
.blue{
height:100px;
width:250px;
background:#1ecae3;
float:left;
}
.gray{
height:100px;
width:100px;
background:#eee;
float:left;
}
.orange{
height:100px;
width:150px;
background:#fdcb05;
float:left;
}
这是一个示例ul标签:
<ul style="list-style-type:none; padding:5px ; border:solid 1px #666666;">
<li>I am wating </li>
<li>I am wating </li>
<li>I am wating </li>
<li>I am wating </li>
<li>I am wating </li>
有没有办法用css或JavaScript在点击或激活时将此UI边框设置为不同的颜色？当我点击不同的地方时,这种效果消失了.我试图制作和搜索,但没有任何好结果出来.
Js Fiddle演示:http://jsfiddle.net/saifrahu28/YFF6P/
如果有任何jquery解决方案也没问题.
我有一个HTML和CSS值的变量.如何在<span >元素中添加其他HTML 元素.就像我想<a>在一个<span>具有不同类的元素中使用一个元素？
var newSpan = $("<span></span>", {
title: "Double Click to Edit Groups Name",
id: "myInstance2",
style:"display:none; float:left;",
text: "Unnamed Group",
class: "title-span"
})
我有两个Div .mainDiv和.sideDiv. .mainDiv有很长的内容,其中包含切换段落.单击" 单击以展开文本"时,将显示FULL段,并且此内容的高度会增加.
我想要什么:当我按下单击以展开文本时,.mainDiv高度增加,并且.sideDiv高度应该增加等于.mainDiv高度.当主DIV 再次降低.sideDiv的高度时也会减少.
有没有办法让jQuery实现这一目标？我不擅长jquery所以我发现如果有人帮助我,很难实现它对我来说会很好.并且对不好的英语也很抱歉
谢谢
HTML
<div class="mainDiv">
<p class="click"> Click to expand </p>
<p class="hide">
and scrambled it to make a type specimen book. It has survived not only five centuries,
but also the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently with
desktop publishing software like Aldus …