$(‘.login’).toggle( function(){ $(‘#panel’).animate({ height: “150”, padding:”20px 0″, backgroundColor:’#000000′, opacity:.8 }, 500); $(‘#otherdiv’).animate({ //otherdiv properties here }, 500); }, function(){ $(‘#panel’).animate({ height: “0”, padding:”0px 0″, opacity:.2 }, 500); $(‘#otherdiv’).animate({ //otherdiv properties here }, 500); });
You can use the animate method: $(‘#element’).animate({width: ‘toggle’}); http://jsfiddle.net/7ZBQa/
You can use the :visible selector to find only visible. $(“.someDiv:visible”).each(….); You can use the .not() selector to find only hidden. $(“.someDiv”).not(“:visible”).each(….); I think you can perform the same operation in your code with this one line. $(“.someDiv”).hide().find(“.regular”).show(); Find all .someDiv and hide them, then find those with a .regular class and show them.
You could do it like this: .switch { position: relative; display: inline-block; width: 90px; height: 34px; } .switch input {display:none;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: “”; height: 26px; width: 26px; left: 4px; bottom: 4px; … Read more
Using jQuery: $(‘#play-pause’).click(function(){ if ( $(‘#video-over’).css(‘visibility’) == ‘hidden’ ) $(‘#video-over’).css(‘visibility’,’visible’); else $(‘#video-over’).css(‘visibility’,’hidden’); });
You are supposed to make the Toggle the child of the Canvas. You didn’t do that in your code. Also, you move a UI component and GameObject with newGO.GetComponent<RectTransform>().anchoredPosition3D not newGO.transform.position. There are 3 Ways to create a Complete UI Control in Unity: 1.Use the DefaultControls API to generate it (Easy and Recommended) With the … Read more
You can simply use: v = 1 – v; This of course assumes that the variable is initialised properly, i.e. that it only has the value 0 or 1. Another method that is shorter but uses a less common operator: v ^= 1; Edit: To be clear; I never approached this question as code golf, … Read more
You can use text method: $(function(){ $(“.pushme”).click(function () { $(this).text(function(i, text){ return text === “PUSH ME” ? “DON’T PUSH ME” : “PUSH ME”; }) }); }) http://jsfiddle.net/CBajb/
The toggle-event is deprecated in version 1.8, and removed in version 1.9 Try this… $(‘#myelement’).toggle( function () { $(‘#another-element’).show(“slide”, { direction: “right” }, 1000); }, function () { $(‘#another-element’).hide(“slide”, { direction: “right” }, 1000); }); Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method … Read more
For jQuery versions lower than 1.9 (see https://api.jquery.com/toggle-event): $(‘#user_button’).toggle(function () { $(“#user_button”).css({borderBottomLeftRadius: “0px”}); }, function () { $(“#user_button”).css({borderBottomLeftRadius: “5px”}); }); Using classes in this case would be better than setting the css directly though, look at the addClass and removeClass methods alecwh mentioned. $(‘#user_button’).toggle(function () { $(“#user_button”).addClass(“active”); }, function () { $(“#user_button”).removeClass(“active”); });