Welcome to the jKit community. This is the place to discuss everything on and around jKit. Be friendly and I’m sure other members will be friendly with you, too.
Partially "on click"?
  • Hi Fredi, Is it possible to have the partially command run on a click rather than on a hover?

  • It already does that or it wouldn’t work on the iPad. Maybe you want the option to only react on clicks?

    Creator of jKit – www.fredibach.ch
  • That’s correct. Have a “click to view” rather than just hover.

  • The latest version, 1.1.29 has now an option for the event. Check the documentation, there’s an example.

    Creator of jKit – www.fredibach.ch
    Thanked by 1toledoh
  • Works perfectly thanks Fredi

  • Mmm, I’ve struck a problem, and I don’t think you can help me with it – but I’ll ask anyway:)

    I’m using partially to expand a footer, than expands to show amoung other things, a sign-up form. However, if I click into the field to add details – the partially command closes the panel.

    I guess I need to be able to have the close command on an element, rather than the whole panel…

    Any ideas?

    See: http://111.118.173.162/~hillston/index.php

  • Hmm, maybe I can actually solve this. Let’s see if I can get it in for the 1.2 release this upcoming Wednesday.

    Creator of jKit – www.fredibach.ch
    Thanked by 1toledoh
  • Hey Fredi – did this make the cut, or any further ideas?

  • Yes, sorry, still need to update some of the documentation. Just add the option: on=click

    Creator of jKit – www.fredibach.ch
    Thanked by 1toledoh
  • Hi Fredi. I’m not sure I understand this correctly. I have the on=click, and the footer expands appropriately, however within the expanded div I have a form. If the user then clicks on the input field to enter their details, the partially command is activated and the footer closes. Is there a way to add a link that activates the command, rather than clicking anywhere in the div. For example;

    <div data-jkit="[partially:on=click;height=20;speed=500;easing=easeOutBounce]">
    <p> content goes here</p>
    <p data-jkit="[partiallyClose]">close</p>
    </div> 
    
  • Oh, sorry. I mixed this up with the click for the swap command. This one should be in the next update, today or tomorrow.

    Creator of jKit – www.fredibach.ch
  • Check the latest release. This is how it’s done:

    [partially:on=click;area=morediv]
    
    Creator of jKit – www.fredibach.ch
  • Thanks Fredi. I’ve also changed the js so the opacity to 0.9 so the command stays visible (line 2398). Do you think this is the best thing to do?

  • No, but this is easy to add for me as an option for the next update.

    Creator of jKit – www.fredibach.ch
  • Check the new version. And I updated the docu with a new example that shows you all the new options: https://jquery-jkit.com/commands/partially.html

    Creator of jKit – www.fredibach.ch
    Thanked by 1toledoh