Thursday, December 20, 2012

Toggle / Collapse and Expand using JQuery

 <script src="http://code.jquery.com/jquery-1.8.2.min.js" >  </script>

<script type="text/javascript">
    jQuery('#clickme').click(function() {     //this line is for to work onclick functionality
    jQuery('#content').toggle();                  // thsi line is for toggle option
    jQuery('#minus').toggleClass('minus');  //this line is for plus and minus image
});
</script>

<div id="clickme"> <a href="javascript:void(0);"> Click Me </a> </div>
<div id="content">
<p>
        This content will be collapse and expanded
</p>
<p>
      For plus and minus symbols u need to apply css
</p>
</div>

Note : For any clarification just post a comment 

Liferay DXP JNDI Data Source Cofiguration

 This Blog will help us to learn about the JNDI Data Source Configuration in Liferay DXP. We have tested this with Liferay 7.3 with Tomcat. ...