Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #609834

    I am trying to customize 4 buttons on a page to show/hide color sections that contain portfolio categories – with live sort.
    (i can’t use the pagination feature, as it loads an entire new page)
    all of the images load fine for the initial Div – however, when i click on the other buttons to show the corresponding div, it only populates one image in that category – as opposed to multiple images that are in that portfolio.

    I am using this code in codeblock:

    <script type="text/javascript">
      function showItems(divId) {
        jQuery(divId).css('display', 'block');
      function hideItems() {
        jQuery('#av_section_1').css('display', 'none');
        jQuery('#av_section_2').css('display', 'none');
        jQuery('#av_section_3').css('display', 'none');
        jQuery('#av_section_4').css('display', 'none');
    jQuery(window).load(function() {
    <button onclick="showItems('#av_section_1');">Brick & Stone</button>
    <button onclick="showItems('#av_section_2');">Flatwear</button>
    <button onclick="showItems('#av_section_3');">Stamped</button>
    <button onclick="showItems('#av_section_4');">Walls</button>

    any idea what is going on? It seems when i hide the other three divs on load – it messes with how they are viewed.


    Any idea why when I “show” the hidden divs on click, it it shows the portfolio items stacked on top of each other? However, if you resize the window in any way, the items move to the appropriate grid layout? Is there an event i can tap into to ensure they resize appropriately?
    Appreciate any advice!

    • This reply was modified 4 years, 5 months ago by  jomo5280.


    use different tickets for different questions. Related to your custom code we can’t help you, as it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.

    Let us know in a new ticket if something is not behaving as expected with the theme and we are happy to assist you. Make things clear to us by using precise links and screenshots (, dropbox).



    Ok. I thought was an unique ticket.
    Anyways, you can delete this thread – as I found a solution.
    thank you so much.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘show / hide color sections with portfolio elements’ is closed to new replies.