How can I add buttons to show/hide certain information?

[subhodeeps]

Hello,

I am trying to implement an idea from the al-folio template in minimal-mistakes, viz., on the publication page, we can add custom buttons that will hide/show certain bibliographic details. See this link.

I have been able to partly implement it by copying and modifying some of the files in my repository , and you can see the end result here. But as you can see, the buttons are not working.

I will give a summary of changes I had made to minimal-mistakes:

• added jekyll-scholar
• added necessary bib files with the relevant details in a /_bibliography folder
• modified _config.yml
• added scripts to _/inlcude/scripts.html, these are some jQuery and bootstrap scripts copied from the relevant folder of the al-folio theme.
• added _layouts/bibtemplate.html based on al-folio's bib.html file.
• modified the _pages/publications.md
• added _sass/minimal-mistakes/_pub.scss, it is again taken from the al-folio theme
• modified _sass/minimal-mistakes.scss to import pub.scss

You can see the commits here

But I am unable to make it work completely. I think I am not able to implement the scripts correctly. I also don't have a lot of experience in web development and I would be grateful for any pointers/solutions that anyone can give me.

I think this will be a useful feature since many academics use this theme for their professional websites.