Jump to content

We hide everything under the button


Back

Recommended Posts

57b2b9e74ff97_Dwm2016-08-1609-52-30-21_1_1..gif.47fb9fa03a44238d1e1114d39b7f5921.gif.1f66e52bdf49905ead2a527517f04d79.gif

1. Add the following code to the globalTemplate immediately after the <head> tag:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <style type="text/css">
 .spoiler_body {display:none; cursor:pointer;}
</style>
<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
  $(this).parent().children('div.spoiler_body').toggle('normal');
  return false;
 });
});
</script>

2. Go to the postContainer template

After the line

{{if $comment->author()->member_id}}

add

<div>
         <a href="" class="spoiler_links ipsButton ipsButton_light ipsButton_verySmall ipsButton_narrow">Information</a>
         <div class="spoiler_body">

Before the lines

{{endif}}
   </ul>
</aside>

add

</div>
  </div>

 

  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. to insert a cookie message.