jQuery输出内容。当鼠标悬停在另一个div上时，如何使用JavaScript显示隐藏内容？

我有一个HTML5音频播放器，它使用jQuery在div中输出播放器来控制音频。我正试图找到一种方法，当你将鼠标悬停在另一个div上时，显示隐藏的div

播放器在这里：这就是触发音频播放器的原因：

<audio src="http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3" preload="auto" controls></audio>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="/audio/js/audioplayer.js"></script>
<script>$( function() { $( 'audio' ).audioPlayer(); } );</script>

00:00
&hellip；

我遇到的问题位于此处：

<div class="audioplayer-bar-loaded"></div>
<div class="audioplayer-bar-played"><div class="player-button"></div></div>

CSS的设置使得加载的

.audioplayer条

和播放的

.audioplayer条

相互重叠，并且播放的

.audioplayer条

具有最高的

z索引

.player按钮

是隐藏的，当用户将鼠标悬停在

.audioplayer加载条上时，我试图找到一种方法来显示它。我试过
.audioplayer-bar-loaded:hover~.player按钮{visibility:visable}
，但没有成功

关于如何解决这个问题，你有什么想法吗？
你应该使用
加载的音频播放器条：悬停~。播放的音频播放器条。播放器按钮{visibility:visible}
作为选择器，因为
。加载的音频播放器条
和
。播放的音频播放器条
是兄弟。你拼错了“可见”


/*
作者：Osvaldas Valutis，www.Osvaldas.info
可根据麻省理工学院许可证使用
*/
;
（函数（$，窗口，文档，未定义）{
var isTouch='ontouchstart'在窗口中，
eStart=isTouch？'touchstart'：'mousedown'，
eMove=isTouch？'touchmove'：'mousemove'，
eEnd=isTouch？'touchend'：'mouseup'，
eCancel=isTouch？'touchcancel'：'mouseup'，
secondsToTime=函数（秒）{
var hoursDiv=秒/3600，
小时=数学楼层（小时数），
分钟数div=秒%3600/60，
分钟=数学楼层（分钟数），
秒=数学单元（秒%3600%60）；
如果（秒>59）{
秒=0；
分钟=数学单元（分钟数）；
}
如果（分钟>59）{
分钟=0；
小时数=数学单元（小时数）；
}
返回（hours==0？“”：hours>0&&hours.toString（）.长度<2？'0'+小时+：'：小时+：'）+（分钟.toString（）.长度<2？'0'+分钟：分钟）+：'+（秒.toString（）.长度<2？'0'+秒：秒）；
},
canPlayType=函数（文件）{
var audioElement=document.createElement（'audio'）；
return！！（audioElement.canPlayType&&audioElement.canPlayType（'audio/'+file.split（'..）.pop（）.toLowerCase（）+'；'）。replace（/no/，''）；
};
$.fn.audioPlayer=函数（参数）{
变量参数=$.extend({
classPrefix:'audioplayer'，
strPlay:“玩”，
strPause:'暂停'，
strewind:“倒带”，
strForward：“前进”，
strSpeed：“速度”，
strMute:'静音'，
strVolume:“卷”
}，参数），
cssClass={}，
cssClassSub={
播放暂停：“播放暂停”，
玩:"玩",，
停止：“停止”，
时间：'时间'，
timeCurrent:“时间当前”，
持续时间：“持续时间”，
酒吧：“酒吧”，
barLoaded:“bar loaded”，
酒吧演奏：“酒吧演奏”，
速度：“速度”，
转发：“转发”，
倒带：“倒带”，
卷：“卷”，
音量按钮：“音量按钮”，
volumeAdjust:“音量调整”，
诺沃卢姆：“诺沃卢姆”，
静音：“静音”，
静音按钮：“音量关闭”，
迷你：“迷你”
};
for（cssClassSub中的var子名称）
cssClass[subName]=params.classPrefix+'-'+cssClassSub[subName]；
这个。每个（函数（）{
if（$（this.prop（'tagName'）.toLowerCase（）！='audio'））
返回false；
变量$this=$（this），
audioFile=$this.attr（'src'），
isAutoPlay=$this.get（0.getAttribute（'autoplay'），
isAutoPlay=isAutoPlay==''| | isAutoPlay==='autoplay'？对：错，
isLoop=$this.get（0.getAttribute（'loop'），
isLoop=isLoop==''| | isLoop==='loop'？真：假，
isSupport=false；
如果（音频文件的类型===‘未定义’）{
$this.find（'source'）。每个（函数（）{
audioFile=$（this.attr（'src'）；
if（音频文件的类型！==“未定义”&&canPlayType（音频文件））{
isSupport=true；
返回false；
}
});
}否则，如果（canPlayType（audioFile））Isupport=true；
var thePlayer=$（''+（isSupport？$（''）.append（$this.eq（0.clone（））.html（）：''）+''），
theAudio=isSupport？thePlayer.find（'audio'）：thePlayer.find（'embed'），
theAudio=theAudio.get（0）；
如果（发布支持）{
thePlayer.find（'audio'）.css({
“宽度”：0，
“高度”：0，
“可见性”：“隐藏”
});
thePlayer.append（“”）；
var theBar=thePlayer.find（'.'+cssClass.bar），
barPlayed=thePlayer.find（'.'+cssClass.barPlayed），
barLoaded=thePlayer.find（'.'+cssClass.barLoaded），
timeCurrent=thePlayer.find（'.'+cssClass.timeCurrent），
timeDuration=thePlayer.find（'.'+cssClass.timeDuration），
volumeButton=thePlayer.find（'.'+cssClass.volumeButton），
速度=图层查找（'.'+cssClass.speed），
rewind=thePlayer.find（'.'+cssClass.rewind），
forward=thePlayer.find（'.'+cssClass.forward），
muteButton=thePlayer.find（'.'+cssClass.muteButton），
volumeAdjuster=thePlayer.find（'.'+cssClass.volumeAdjust+'>div'），
volumeDefault=0，
调整当前时间=功能（e）{
TherealeEvent=isTouch？e.originalEvent.触碰[0]：e；
theAudio.currentTime=Math.round（（theAudio.duration*（thealevent.pageX-theBar.offset（）.left））/theBar.width（））；
},
调整音量=功能（e）{
TherealeEvent=isTouch？e.originalEvent.触碰[0]：e；
theAudio.volume=Math.abs（（TherealeEvent.pageY-（volumeAdjuster.offset（）.top
<div class="audioplayer-bar-loaded"></div>
<div class="audioplayer-bar-played"><div class="player-button"></div></div>