显示/隐藏css/javascript代码未在Chrome中正确隐藏内容

显示/隐藏css/javascript代码未在Chrome中正确隐藏内容,javascript,css,google-chrome,Javascript,Css,Google Chrome,我在这个网站上搜索了一下,试图找到一个类似的问题,但到目前为止运气不好。希望这里的人能知道答案:) 我发现这个网站有显示/隐藏滚动代码,这似乎足以满足我的需要。我已经实现了它,它在Firefox上运行良好。除了“隐藏”部分中的视频往往显示在左上角之外,在Chrome上滚动也可以正常工作。若要触发此操作,请单击另一个链接(即诗歌、参与等),然后单击“返回到音乐”,此时它会出错。我已经在标题和“音乐”页面中包含了代码。我在诗歌部分使用了相同的代码,文本没有问题。也许这与iframe有关?非常感谢

我在这个网站上搜索了一下,试图找到一个类似的问题,但到目前为止运气不好。希望这里的人能知道答案:)

我发现这个网站有显示/隐藏滚动代码,这似乎足以满足我的需要。我已经实现了它,它在Firefox上运行良好。除了“隐藏”部分中的视频往往显示在左上角之外,在Chrome上滚动也可以正常工作。若要触发此操作,请单击另一个链接(即诗歌、参与等),然后单击“返回到音乐”,此时它会出错。我已经在标题和“音乐”页面中包含了代码。我在诗歌部分使用了相同的代码,文本没有问题。也许这与iframe有关?非常感谢

负责人:


.dhtmlgoodies_问题{/*样式问题*/
/*开始布局CSS*/
宽度:500px;
边缘底部:2px;
边缘顶部:2倍;
左侧填充:2px;
高度:20px;
/*末端布局CSS*/
光标:指针;
}
.dhtmlgoodies_问题:悬停{
颜色:红色;
}
.dhtmlgoodies_答案{/*幻灯片内容的父框*/
/*开始布局CSS*/
背景色:#e6e5f8;
/*末端布局CSS*/
可见性:隐藏;
高度:0px;
溢出:隐藏;
位置:相对位置;
}
.dhtmlgoodies\u答案\u内容{/*向下滑动的内容*/
填充:1px;
字号:0.9em;
位置:相对位置;
}
/************************************************************************************************************
显示具有幻灯片效果的隐藏内容
版权所有(C)2010年8月DTHMLGoodies.com,Alf Magne Kalleland
这个图书馆是免费软件;您可以重新分发它和/或
根据GNU小公众的条款对其进行修改
自由软件基金会发布的许可证;任何一个
许可证的2.1版,或(由您选择)任何更高版本。
这个图书馆的发行是希望它会有用,
但无任何保证;甚至没有任何关于
适销性或适合某一特定目的。见GNU
有关更多详细信息,请参阅较低的通用公共许可证。
您应该已经收到GNU Lesser General Public的副本
与此库一起使用的许可证;如果没有,请写信给自由软件
基金会,51富兰克林街,第五楼,波士顿,美国02110-1301
Dhtmlgoodies.com.特此声明对本脚本不享有任何版权
由阿尔夫·马格纳·卡莱兰撰写。
Alf Magne Kalleland,2010年
DHTMLgoodies.com的所有者
************************************************************************************************************/
var dhtmlgoodies_slideSpeed=10;//值越高=速度越快
var dhtmlgoodies_timer=10;//值越低=速度越快
var objectIdToSlideDown=false;
var dhtmlgoodies_activeId=false;
var dhtmlgoodies_slideInProgress=false;
var dhtmlgoodies_slideInProgress=false;
var dhtmlgoodies_expandMultiple=false;//如果希望能够同时展开多个项目,则为true。
函数showHideContent(e,inputId)
{
如果(dhtmlgoodies_slideInProgress)返回;
dhtmlgoodies_slideInProgress=true;
如果(!inputId)inputId=this.id;
inputId=inputId+'';
var numericId=inputId.replace(/[^0-9]/g');
var answerDiv=document.getElementById('dhtmlgoodies_a'+numericId);
objectedtoslidedown=false;
如果(!answerDiv.style.display | | answerDiv.style.display=='none'){
if(dhtmlgoodies\u activeId&&dhtmlgoodies\u activeId!=numericId&!dhtmlgoodies\u expandMultiple){
ObjectedToSlideDown=数值ID;
slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
}否则{
answerDiv.style.display='block';
answerDiv.style.visibility='visible';
slideContent(numericId、dhtmlgoodies\u slideSpeed);
}
}否则{
slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
dhtmlgoodies_activeId=false;
}
}
函数slideContent(输入,方向)
{
var obj=document.getElementById('dhtmlgoodies_a'+inputId);
var contentObj=document.getElementById('dhtmlgoodies_ac'+inputId);
高度=obj.clientHeight;
如果(高度==0)高度=obj.offsetHeight;
高度=高度+方向;
重新运行=真;
如果(高度>内容对象偏视){
高度=内容对象。离视;
重新运行=错误;
}
如果(高度0)topPos=0;
contentObj.style.top=topPos+'px';
如果(重新取消功能){
setTimeout('slideContent('+inputId+','+direction+'),dhtmlgoodies_计时器);
}否则{
如果(高度考虑jquery

$('.dhtmlgoodies_question').click(function(e){
    e.preventDefault();
    $('.dhtmlgoodies_answer_content').slideUp;
    $(this).next().slideDown(500);
});

谢谢,我并没有完全使用它,但它确实开始了jquery巷的创作/探索路线。最后使用了这个,只是稍微修改了一下:
<br /><br />
            <p> Click song name to expand video - page currently best viewed with Firefox</p>
            <hr>
            <br />
            <div class="dhtmlgoodies_question"><p>Eli, The Barrow Boy</p></div>
            <div class="dhtmlgoodies_answer">
                <div>
                <iframe width="420" height="315" src="http://www.youtube.com/embed/NEF8N-5zVMU" frameborder="0" allowfullscreen>        
                </iframe>
                </div>
            </div>
            <br />
            <div class="dhtmlgoodies_question"><p> Pussywillows, Cattails, Softwinds, and Roses </p></div>
            <div class="dhtmlgoodies_answer">
                <div>
                <iframe width="420" height="315" src="http://www.youtube.com/embed/R7XOiSmh7ik" frameborder="0" allowfullscreen>
                </iframe>
                </div>
            </div>
            <br />
            <div class="dhtmlgoodies_question"><p>Chasing Cars</p></div>
            <div class="dhtmlgoodies_answer">
                <div>
                <iframe width="420" height="315" src="http://www.youtube.com/embed/ZTm6--Bu7W8" frameborder="0" allowfullscreen>
                </iframe>
                </div>
            </div>
$('.dhtmlgoodies_question').click(function(e){
    e.preventDefault();
    $('.dhtmlgoodies_answer_content').slideUp;
    $(this).next().slideDown(500);
});