Develop Reference

Jquery toggle/click not working in Safari versions older than 9

Currently having issues browser and device testing a website. The Jquery slide toggle navigation works on all devices and browsers apart from ones running versions of Safari below 9 (however Safari 9 works completely fine).
I have used the following code:
jQuery(document).ready(function($) {
function toggle() {
$("#nav").toggleClass("toggle")
$("#button_pannel1").toggleClass("toggle")
$("#button_pannel2").toggleClass("toggle")
$("#button_pannel3").toggleClass("toggle")
}
$("#toggle_button").on("click", toggle);
});
I built this using the following code on Codepen (which also doesn't work on old Safari versions either)
Any help would be much appreciated.

The issue is not with your jQuery code.
You are missing the necessary browser prefix in your CSS to make it work on Safari in versions below 9. Where you have "transform: translate3d(-300px,0,0);" you need to also add "-webkit-transform: translate3d(-300px,0,0);" to the CSS rules.
Here you can see which browsers require prefixes in order for 3d transforms to work in CSS:
http://caniuse.com/#feat=transforms3d

List of browsers and versions that supports SVG engine

I am using getorgchart for the org chart and everything worked well until I tested in IE8. I got to know that getorgchart uses SVG engine for rendering. I tried using svg2vml tool to get my getorgchart to work but the issue is it won't support the clickEvent with 'svg2vml`. I would like to know if there is any work around to fix IE8 issue with clickEvent? If not would like to know the browsers and it's versions that supports svg, say like ...
IE9 +
FireFox?
Chrome version?
Safari?

I'm not aware of any workaround for IE8 without using some other library such as http://raphaeljs.com/. Here's info for browser support:
http://caniuse.com/#search=svg

Firefox 41 supported
Chrome 46 supported
safari 8 supported
IE 9-11 supported

JS (Moo Tools) Slider Not Working in FF and Chrome

I have the below site:
http://kelseydelo.com/
When I click the main nav links in Safari the content slides properly. However in Chrome and Firefox nothing happens when I click these (no errors in Firebug either).
I believe it used to work in FF so it seems a recent upgrade has broken it.
Anyone know what the problem could be?

you use mootools 1.2.3 which is old. in 1.2.3, mootools utlised feature detection for browser detection - and in particular, it was a problem with firefox as it relied on the following code:
if (!document.getBoxObjectFor ...)
but that method got made obsolete by mozilla. subsequently, in 1.2.5 and 1.3 mootools detection was done so it does not rely on this any more (breaking change was FF 3.6.nn or something)
on your site in FF 4.0 you can run
console.log(Browser.Engine)
and it comes back as 'unknown' - which will make any browser-specific hooks and fixes fail.
In Chrome 13 Canary, it detected webkit fine but does not work either so there must be something else -- legacy here... in other words, UPGRADE to 1.3.2 (which uses ua-sniffing) - if noobslide supports it, else go 1.2.5.1

Jcrop does not work on ie 8

Im using jCrop http://deepliquid.com/content/Jcrop.html and there is a weird problem
it wont work while im in ie8
if I was on ie8 and select document mode ei7 from developers tools it works fine
what can I do ?

Are you using the latest version? Seems there is an IE8 fix:
http://deepliquid.com/blog/archives/142
Edit: Strangeness ahoy! It only works after i turn on compat. mode, then turn it off o_O. My IE8 window was open from an earlier test and I didn't notice.

can you test with the latest and greatest version on github? It has major MSIE updates. I am currently working on a blog post announcing this release.

The issue is dealt with here, which is a bit of a hack to hide the radio button

js Coverflow that works in FF and IE

I am trying to add a converflow effect to my site and I have found this one:
http://addyosmani.com/resources/coverflow/demo/demo.html
This works great in FF but fails in IE (7, 8)
I have found others but they either work in IE or FF not in both.
Does anyone know of a jquery coverflow script that works in FF and IE?
Thanks

Cloud Carousel
Works in IE 7 to 9, Firefox and Opera (tested by me)... Author says it supports Chrome and Safari too
In IE 7 and 8, it uses a different rendering... For the others, use canvas

http://jacksasylum.eu/ContentFlow/index.php
is an interesting one, but they all suck actually because the perspective effect sint there.
http://www.canvasdemos.com/2010/12/27/coulisse/ is better but completely different programmed.