如何在桌面上悬停并在移动设备上单击时切换 [英] How Do I Make Toggle On Hover In Desktop And On Click In Mobile

问题描述

如何在桌面上悬停并在手机上点击进行切换



HTML

 <  按钮    id   =  bar >  bar <   / button  >  
 <   div     id   =  foo >  <   / div  >  

CSS

< pre lang =CSS>＃ foo {
width ： 100px;
height ： 100px;
background-color ： green;
display ： none;
}

Javascript

 $（' ＃bar'）。click（ function （）{
 $（' ＃foo' ）.slideToggle（'  slow'）; 
}）; 

jsfiddle

解决方案

（' ＃ bar'）。click（ function （）{

（ ' ＃foo'）。slideToggle（' 慢'）;
}）;

jsfiddle

对于Hover，你可以实现 mouseover jquery函数

How do i make toggle on hover in desktop and on click in mobile

HTML

<button id="bar">bar</button>
<div id="foo"></div>

CSS

#foo {
    width: 100px;
    height: 100px;
    background-color: green;
    display:none;
}

Javascript

$('#bar').click(function () {
    $('#foo').slideToggle('slow');
});

jsfiddle

解决方案

('#bar').click(function () {

('#foo').slideToggle('slow'); });

jsfiddle

For Hover you can implement mouseover jquery function on

这篇关于如何在桌面上悬停并在移动设备上单击时切换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！