locked
Created a double accordion from a Grouped SP list - How do I remove the top accordion so I show just the inner accordion? RRS feed

  • Question

  • Hi,

     I work in a restricted environment and I cannot show my code. I made a SP list and grouped it by two columns. The outer accordion is the 'Order' and the inner accordion is the 'Title'. I don't want to show the outer 'Order' accordion at all it was just need to put the accordion in a certain order.

    I would like to keep the outer accordion expanded at all times so I can always show the inner accordion; however, I also wanted to hide the outer accordion's title "Order", ":" "it's number" and "it's number of items aka "(1)". Basically, I don't want to show anything on this outer accordion which is tricky because when you display none it also hides the inner accordion. 

    Can anyone provide me some js or jquery to keep it open AND remove the characters or know of a place on this forum where itis explained? I've searched everywhere and IE behaves poorly with this and Chrome handles it beautifully.

    Any help is greatly greatly appreciated!

    Thank you ;)


    CBM

    Saturday, July 18, 2020 12:58 AM

Answers

  • Hi, CBM,

    According to your description, I assume you are attempting to get something like below:

    Where the original list view is like this:

    Here is the script I use, have a try with it:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $( document ).ready(function() {
     # $("td.ms-gb").empty();
    }
    );
    </script>

    This SharePoint 2013 - General Discussions and Questions Forum will be migrating to a new home on Microsoft Q&A, please refer to this sticky post for more details.

    Best Regards

    Jerry


    "SharePoint" forums will be migrating to a new home on Microsoft Q&A !
    We invite you to post new questions in the "SharePoint" forums' new home on Microsoft Q&A !

    Monday, July 20, 2020 6:46 AM

All replies

  • Hi, CBM,

    According to your description, I assume you are attempting to get something like below:

    Where the original list view is like this:

    Here is the script I use, have a try with it:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $( document ).ready(function() {
     # $("td.ms-gb").empty();
    }
    );
    </script>

    This SharePoint 2013 - General Discussions and Questions Forum will be migrating to a new home on Microsoft Q&A, please refer to this sticky post for more details.

    Best Regards

    Jerry


    "SharePoint" forums will be migrating to a new home on Microsoft Q&A !
    We invite you to post new questions in the "SharePoint" forums' new home on Microsoft Q&A !

    Monday, July 20, 2020 6:46 AM
  • Thank you so much Jerry! 

    CBM

    Monday, July 20, 2020 1:09 PM
  • Hi,

     

    Thanks for your response.

     

    All English SharePoint forums will be migrating to a new home on Microsoft Q&A . If you have any questions about SharePoint, welcome to post it on the new home.

     

    Best Regards

    Jerry


    "SharePoint" forums will be migrating to a new home on Microsoft Q&A !
    We invite you to post new questions in the "SharePoint" forums' new home on Microsoft Q&A !

    Monday, August 3, 2020 7:27 AM