Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 11, 2015 at 6:04 pm #442604
    bleepstudio

    Hi, I followed this topic https://kriesi.at/support/topic/hidding-color-section/ to toggle hiding a color section but was unable to make it work.

    You can view the results here: http://christianmacleod.com/test-hide/

    Am I missing something in my development?

    Thanks
    Steven

    May 11, 2015 at 6:31 pm #442620
    Yigit

    Hey Steven!

    Your page cannot be found. Can you please check it once again?

    Regards,
    Yigit

    May 11, 2015 at 7:09 pm #442644
    bleepstudio

    Sorry, I changed the name to http://christianmacleod.com/a-test-hide/

    Thanks
    Steven

    May 12, 2015 at 4:53 pm #443150
    Yigit

    Hey!

    It seems like you have added your custom CSS class with a dot “.aston-martin-button” in your element, please remove the dot.

    Cheers!
    Yigit

    May 12, 2015 at 8:33 pm #443346
    bleepstudio

    Hi Yigit, thanks for that!

    Ideally I would like one section to replace the other so they swap-out. Is that possible?

    Cheers
    Steven

    May 12, 2015 at 8:37 pm #443348
    Yigit

    Hi!

    Please change the code to following one

    function add_custom_cs(){
?>
<script>
jQuery(window).load(function(){
jQuery("#your-unique-color-section-id").hide();
jQuery( ".your-custom-button-class" ).click(function() {
  jQuery( "#your-unique-color-section-id" ).toggle();
});
jQuery( ".your-custom-button-class" ).click(function() {
  jQuery( "#your-unique-color-section-id-secondary" ).toggle();
});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_cs');

    Cheers!
    Yigit

    May 20, 2015 at 6:49 pm #447375
    bleepstudio

    Hi Yigit, thanks for the response. This works okay replacing two color sections until I place an easyslider in the hidden section. The toggle works to swap the sections but the second easyslider doesn’t appear. Can you see any reason for this?

    http://christianmacleod.com/home-amswap1/

    Toggle effect with ‘click me’ button

    May 23, 2015 at 3:45 am #448846
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #home-images-section2 ul.avia-slideshow-inner {
    min-height: 500px;
}

    Cheers! 
    Josue

    May 25, 2015 at 10:47 am #449460
    bleepstudio

    Hi Josue, sorry that had no effect on the outcome.

    I can get both easysliders to work when they’re appearing in order but I use {position: fixed; top: 0px;} to have them both stay at the top. Am I using the best method for that?

    Thanks
    Steven

    May 26, 2015 at 5:03 am #449789
    Josue

    Hi!

    I don’t quite note the issue yet, can you please create us a WordPress administrator account? post it here as a private reply (the one at the first post no longer works).

    Cheers!
    Josue

    May 26, 2015 at 11:17 am #449982
    bleepstudio
    This reply has been marked as private.
  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Hiding color section with toggle button’ is closed to new replies.