CODEWITHSUNDEEP
javascripttoggleslidetogglejquery
Howdy_McGee
Howdy_McGee

Reputation: 10635

jQuery Toggles Plugin (Toggle Buttons)

I'm trying to get this toggles plugin to work but I keep getting the error: 

Uncaught TypeError: Object [object Object] has no method 'toggles'

The plugin doesn't give too much implementation information so I figured it would be straight-forward. I know the plugin script is linking correctly and I have jquery above that. Here's my html:

<html>
<head>
    <link type="text/css" rel="stylesheet" href="toggles-modern.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" href="toggles.js"></script>

</head>
<body>
    <div class="toggle"></div>
    <script type="text/javascript">$('.toggle').toggles();</script>
</body>
</html>

How do I get this plugin working exactly? The plugin resources are here:

https://github.com/simontabor/jquery-toggles

http://simontabor.com/labs/toggles/

Upvotes: 2

Views: 3020

Answers (1)

O&#39;Mutt
O&#39;Mutt

Reputation: 1592

See if this helps at all....

I use "https://rawgithub.com" to do CDN as that is what they suggest.... HOWEVER this is NOT meant for production type environments so don't do that

<script type="text/javascript" src="https://rawgithub.com/simontabor/jquery-toggles/master/toggles.min.js"></script>

$(function () {
    $('.toggle').toggles();
});

I seem to have it working with including the file directly from github... Do you have errors in your dev console?

http://jsfiddle.net/Mutmatt/fJ6gF

Please note: In the js fiddle i included two external resources on the left panel**

Upvotes: 2

Related Questions