Hi Crest, It's not good to keep posting off topic things here. just fyi. The first script is the one you want to use.
Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Nov 30, 2014, at 9:34 AM, Crest Christopher <crestchristop...@gmail.com> wrote: > Karl you are somewhat correct, I was informed to use this jQuery code; > > <script> > $("html").toggleClass("touch", 'ontouchstart' in > document.documentElement ) > $(function(){ > $(".x").on("touchstart", function(){ > $(this).toggleClass("active") }) > // would be all the jQuery you need, if your class was "x". > // It interacts with CSS similar to my one line example. > }) > </script> > > Or this ? I was confused on which to use ? When tested it didn't work [Link > to tested code] > > :not(html.touch) .x:hover , html.touch .x.active{ /* some hover css */ } > > Christopher > > >> Karl DeSaulniers Saturday, November 29, 2014 8:04 PM >> I think what the culprit here is that the code to expand and collapse is set >> to the :hover. >> Touch screens don't hover. they click, so the touch screens may be executing >> the hover >> because the button has to be hovered to click, but there is not a mouse per >> se to take the hover away. >> Looks like he needs to apply the css transition to a -webkit-touch >> (something or other, can't remember the directive atm) >> as well so it will recognize that a touch event happened on a phone instead >> of a hover, but still have the hover for desktop. >> >> Best, >> >> Karl DeSaulniers >> Design Drumm >> http://designdrumm.com >> >> >> >> >> ______________________________________________________________________ >> css-discuss [css-d@lists.css-discuss.org] >> http://www.css-discuss.org/mailman/listinfo/css-d >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> List policies -- http://css-discuss.org/policies.html >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> Crest Christopher Friday, November 28, 2014 10:58 AM >> Hi, the following effect is not collapsing on iPhone and it's not opening or >> collapsing on WP8.x. I can't say whether it works on Android as I didn't >> test on Android ? >> >> Christopher ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/